为什么我的对象中的数据没有设置为react类组件中的setState
在React中，setState是用于更新组件状态的方法。当我们在一个类组件中调用setState时，React会重新渲染组件，并将新的状态应用到组件中。
然而，如果你的对象中的数据没有设置为react类组件中的setState，可能有以下几个原因：
- 对象数据没有被正确地传递给组件：确保你将对象数据作为props传递给组件。在父组件中，通过props将对象数据传递给子组件，然后在子组件中使用props来访问对象数据。
- 对象数据没有被正确地更新：如果你想更新对象数据，你应该使用setState方法。在setState中，你可以传递一个新的对象来更新组件的状态。例如，如果你想更新对象的某个属性，你可以先复制当前状态的对象，然后更新该属性，最后使用setState将新的对象作为参数传递进去。
- 对象数据没有被正确地渲染：确保你在组件的render方法中正确地渲染对象数据。你可以使用JSX语法来访问和显示对象的属性。例如，如果你的对象有一个名为name的属性，你可以在render方法中使用{this.props.name}来显示该属性的值。
总结起来，如果你的对象中的数据没有设置为react类组件中的setState，可能是因为数据没有被正确地传递、更新或渲染。请检查你的代码，确保正确地使用setState来更新组件状态，并在render方法中正确地渲染对象数据。
相关·内容
3回答
ReactJS -组件状态和类变量之间的区别是什么？
javascript、reactjs、react-native
我认为它的工作方式不同，但我不知道它是如何工作的。
1.使用类变量
export default class Test extends Component {
constructor() {
this.active = false;
}
render() {
this.active = this.props.name === 'Dan'? true : false;
return (
<div>
{this.active? 'ssup?' : 'noooo'}
浏览 5提问于2019-01-30得票数 8
2回答
如何在reactJS中从子组件中更新父级状态
reactjs
class A extends Component {
constructor(props) {
super(props);
this.state = {
fruitsDetailsList: [],
fruitCode: this.props.fruitCode,
};
}
showModal = () => {
this.setState({ show: true });
};
hideModal = () => {
this.setState({ show: false });
};
浏览 0提问于2019-09-22得票数 1
回答已采纳
2回答
React JS -这个程序是如何工作的？
javascript、reactjs、react-native、architectural-patterns
我在Codeacademy上了React.JS课程。这个问题来自React.JS第二部分。我正在学习编程模式，但我不能理解这个模式是如何工作的
代码：
Parent.js
var React = require('react');
var ReactDOM = require('react-dom');
var Child = require('./Child');
var Parent = React.createClass({
getInitialState: function () {
return { name: '
浏览 7提问于2017-06-14得票数 1
5回答
我有两个组件来演示我的问题：
父级：
import React from "react";
import ReactDOM from "react-dom";
import { Grid, Row } from "react-flexbox-grid";
import Hello from "./Hello";
class App extends React.Component {
state = {
name: "Michal"
};
componentDidMount = () =>
浏览 0提问于2020-07-23得票数 0
4回答
父状态更改后，React子组件未更新
reactjs
我正在尝试制作一个很好的ApiWrapper组件，以便在不同的子组件中填充数据。从我所读到的一切来看，这应该是可行的：
class ApiWrapper extends React.Component {
constructor(props) {
super(props);
this.state = {
response: {
"title": 'nothing fetched yet'
}
};
}
componentDidMount() {
this._makeApiC
浏览 1提问于2016-12-20得票数 140
回答已采纳
3回答
如何在ReactJS中将更改的状态从子组件传递到其父组件
reactjs、redux、components、state
我正在尝试理解如何在ReactJS中将更改的状态从子组件传递到其父组件？到目前为止，下面的代码改变了孩子的状态，但没有改变父母的状态，你知道我做错了什么吗？
我正在使用redux从mongodb获取产品阵列。
产品数组示例：
[
{
“_id”: “2331”,
“department”: “Shoes”,
“category”: “Shoes/Women/Pumps”,
“name”: “Calvin Klein”,
“title”: “Evening Platform Pumps”,
浏览 5提问于2018-09-06得票数 0
1回答
使用.unshift()时，React组件的状态呈现得很奇怪，但使用.push()时，这是正常的。
javascript、arrays、reactjs
我有一个数组，我有两个组件(子组件和父组件)。我在父组件中迭代数组，我渲染子组件，我用数组中的数据给它们道具。
子组件将其道具转换为状态，然后递增和递减该状态。
父组件可以将新项添加到数组中并重新呈现。但。如果我取消了数组前面的新项的移位( unshift() )，我会将数组中的最后一项添加到屏幕上，而不是将新项添加到前面。
问:为什么用.push()渲染效果好，而用.unshift()渲染效果差？同样，使用concat和newItem，...oldArray一切都可以，但是当我在数组前面添加项时，相同的东西就不好了？另外，如何正确地.unshift()新的项目(评论，计数器，图片，帖子，如任
浏览 12提问于2017-07-20得票数 4
2回答
使用state或props进行reactjs渲染
reactjs、state、setstate
我想知道直接使用状态渲染组件和使用道具渲染组件的区别。
getInitialState:
data: this.props.data
以下代码用于render函数
1.
data = this.state.data
return (<Component data={data} />)
2.
return (<Component data={this.state.data} />)
3.
return (<Component data={this.props.data} />)
当我在侦听回流操作上使用setState时，前两种情况会崩溃。如果任何人有
浏览 0提问于2015-05-27得票数 3
2回答
React如何在AJAX负载上更新子级
ajax、reactjs
这里的示例-- --在下面进行了修改。
this.state.username是加载时的“占位符”，并传递给<UserGist />
在AJAX加载之后，this.state.username改为"octocat"，但是.
为什么没有传递给<UserGist />组件呢？
var UserGist = React.createClass({
getInitialState: function() {
return {
username: this.props.username
};
浏览 5提问于2016-06-14得票数 2
回答已采纳
2回答
子组件如何在不侦听生命周期方法的情况下从父组件接收道具？
javascript、reactjs、application-lifecycle
为了更新子组件中的props对象，通常使用生命周期方法ComponentWillReceiveProps。但我意识到，可以在不侦听ComponentWillReceiveProps的情况下更新子组件的props。
例如，在以下名为App的组件中，子组件Comp能够在不侦听生命周期方法ComponentWillReceiveProps的情况下接收props。
主要的App组件：
import React from 'react';
import ReactDOM from 'react-dom';
import {Comp} from "./comp
浏览 6提问于2019-07-09得票数 2
1回答
防止将未修改的组件呈现到虚拟DOM中
reactjs
我在类型记录中编写了一个简单的treeview，使用react来呈现DOM。
每个节点都必须遵循简单的接口。
interface INode {
label: string;
children: INode[];
}
然后用以下方法描述这棵树：
var tree = {
label: "root",
children: [
{
label: "node 1",
children: [
{
labe
浏览 1提问于2016-03-14得票数 6
回答已采纳
2回答
如何为“只隐藏”组件保留状态
reactjs、flux
通过，我了解了React自动维护子组件的状态，这就是为什么
不应该在州里去什么？
React ：基于底层支持和状态在render()中构建它们。
现在，我的问题是如何对我们正在隐藏的组件做同样的操作？
考虑一个子组件，它在迭代中不会被显示，同时我们希望保留它的状态，以便将来它将被带回！
为了说明我的确切意思，我设计了一个案例场景来向您展示。在下面的代码中，您可以添加有状态子组件。为每个组件提供了一个复选框，这样您就可以标记它们。最后，第三个按钮将隐藏未被标记的子组件。我正在寻找一种方法来恢复未标记的组件的状态，一旦它们被带回来。
class BlackBox extends Reac
浏览 6提问于2016-05-24得票数 3
回答已采纳
2回答
修改数据时不触发重新渲染的setState
javascript、json、reactjs、setstate
刚刚开始使用React，到目前为止，它一直运行得比较顺利。
我有一个列表，它包含X个预定义的项，这意味着列表总是用给定数量的行来呈现。
这些数据是在列表呈现之前从REST API收集的。数据包含与列表相关的变量，以及包含列表中每个项目的数组。
我选择了简单的路线，所以我用一个名为'data‘的JSON对象填充每个组件，它包含了所有必要的东西。
渲染列表如下所示：
<MyList data={data} />
然后，在MyList的getInitialState中：
dataInt: this.props.data.dataInt || 0,
dataStr: this.pr
浏览 0提问于2015-04-06得票数 6
1回答
如何在状态更改时重新呈现导入组件
react-native
我已经创建了两个组件(父组件和子组件)&导入包含react-native模式的子组件 我在状态改变后渲染子组件，它第一次渲染，但在第二次，它不工作。 Parent.js文件如下： import react, {Component} from 'react';
import { View, Text, TouchableOpacity} from 'react-native';
import ActionModal from './ActionModal';
export default class Parent extends Com
浏览 23提问于2019-09-22得票数 0
2回答
为什么我的reactJs不重新呈现
javascript、reactjs
我真的厌倦了模型绑定，并试图开始反应，因为我真的喜欢整个无状态的想法。我看过了这个教程，看起来很简单。
然而，在我自己的应用程序中，我很困惑为什么我的组件没有在状态变化时重新呈现。以下是我在coffeescript中的全部应用程序(_ helpers )。
mapObject = _.compose _.object, _.map
racers = mapObject ['red', 'blue', 'green'], (name) ->
[name, (key: name, class: name, position: 0)]
浏览 4提问于2014-06-30得票数 3
回答已采纳
4回答
如何在父级呈现方法中重新创建有状态子组件？
reactjs、flux、reactjs-flux
表示，我不应该将一个React组件保持在它的父状态。相反，每次运行时，我都应该在render方法中重新创建子程序。
什么不应该进入州？
响应组件：基于底层支持和状态在render()中构建它们。
现在我的问题是:我怎么能做到这一点？有可能吗？如果我从头开始重新创建一个子组件，该状态不是已经丢失了吗？
我认为这个场景能够工作的唯一方法是，只有一个状态对象，并且它属于根组件。其余组件将只具有props，每当它们想要更新它们的某些状态时，它们都需要调用某些父级处理程序直到根组件，因为它是唯一具有状态对象的组件！更新后，根将将子组件的状态返回为props。我觉得这根本不实用！
更新
下面是我发
浏览 5提问于2016-05-21得票数 1
回答已采纳
1回答
当事件处理程序从另一个组件触发时，将div追加到另一个组件上。
javascript、html、css、reactjs、redux
您好，我正在开发一个带有react和redux的拖放应用程序，我想在一个组件中触发一个事件处理程序(ondragstart)时，在容器中附加一个div。
拖曳的组件如下所示：
import React, {Component} from 'react'
import {classify} from '../functions/functions'
export default class Actions extends Component {
constructor(props){
super(props)
this.
浏览 5提问于2018-01-11得票数 0
1回答
理解以下情况下的不可变性和虚拟DOM
javascript、reactjs、immutability、virtual-dom
在阅读了关于不变性的文章之后，我试图了解react是如何工作的。我试图理解以下三个组成部分的帮助，但这是没有意义的。
const bla = {a: 1};
class Test extends React.Component {
constructor(props) {
super(props);
this.state = {
a: 1,
};
this.onClick = () => this.setState(prevState => ({
a: prevState.a + 1
}));
}
re
浏览 0提问于2019-09-05得票数 0
回答已采纳
1回答
如何反应从数据库ondelete重新呈现列表视图
javascript、reactjs
我这里有两个文件，一个是从数据库发送数据的父组件，另一个是带有删除按钮的渲染信息。
这是我最近一次尝试从数据库中删除数据(works)并重新呈现列表(没有重新呈现)，当前错误是电子邮件不是有效变量。
import React, { Component } from 'react';
import EmailItem from './EmailItem'
class Admin extends Component {
constructor(props) {
super(props);
this.state = {
allEmail
浏览 9提问于2018-07-31得票数 0
回答已采纳
3回答
React:更新子组件而不重新呈现父组件
javascript、reactjs
下面是一个简单的例子：
const { Component } = React
const { render } = ReactDOM
const Label = ({ text }) => (
<p>{text}</p>
)
const Clock = ({ date }) => (
<div>{date.toLocaleTimeString()}</div>
)
class App extends Component {
constructor(props) {
super(props)
th
浏览 0提问于2018-08-25得票数 15
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
