如何在React中更新父状态
我的结构如下所示：
Component 1
- |- Component 2
- - |- Component 4
- - - |- Component 5
Component 3
组件3应该根据组件5的状态显示一些数据。由于道具是不可变的，我不能简单地将其状态保存在组件1中并转发它，对吗？是的，我已经阅读了有关redux的内容，但不想使用它。我希望有可能通过反应来解决。我错了吗？
问题答案：
对于孩子与父母的通信，您应该传递一个将状态从父母设置为孩子的函数，如下所示
class Parent extends React.Component {
constructor(props) {
super(props)
this.handler = this.handler.bind(this)
}
handler() {
this.setState({
someVar: 'some value'
})
}
render() {
return <Child handler = {this.handler} />
}
}
class Child extends React.Component {
render() {
return <Button onClick = {this.props.handler}/ >
}
}
这样，孩子可以通过调用通过props传递的函数来更新父母的状态。
但是您将不得不重新考虑组件的结构，因为据我了解，组件5和3并不相关。
一种可能的解决方案是将它们包装在更高级别的组件中，该组件将同时包含组件1和3的状态。此组件将通过prop设置较低级别的状态。
-
问题内容： 我正在尝试仅更新数组状态中的一个元素，但不确定如何执行此操作。 State 设定状态 如果我想更改标记的第四个元素中的键，该怎么做？ 谢谢 问题答案： 重要的一点是，我们不应该直接更改状态数组，而要始终在新数组中进行更改，然后使用setState更新状态值。 如 Doc 建议： 切勿直接更改this.state，将this.state视为不可变。 更新状态数组的基本流程是： 1- 首先
-
问题内容： 我试图通过使用这样的嵌套属性来组织我的状态： 但是像这样更新状态 不起作用。如何正确完成？ 问题答案： 为了创建嵌套对象，您可以按照以下方法进行操作，因为我认为setState无法处理嵌套更新。 这个想法是创建一个虚拟对象，对其执行操作，然后用更新的对象替换组件的状态 现在，散布运算符仅创建对象的一级嵌套副本。如果您的状态是高度嵌套的，例如： 您可以在每个级别使用传播运算符来设置状态，
-
问题内容： 我正在尝试制作一个不错的ApiWrapper组件，以填充各种子组件中的数据。从我阅读的所有内容来看，这应该可以正常工作：https : //jsfiddle.net/vinniejames/m1mesp6z/1/ 但是由于某种原因，当父状态更改时，子组件似乎没有更新。 我在这里想念什么吗？ 问题答案： 您的代码有两个问题。 您的子组件的初始状态是通过props设置的。 引用此SO答案：
-
请教下 useState 更新的问题，有一个页面，当数据库中没有数据的时候，显示 No user，当数据库中有数据的时候，显示出真实的数据，代码如下 现在我遇到的问题是 每次访问这个页面 /users，都会显示 No user，然后过一会数据完全载入了才会显示正确的数据。查看了下，这里会渲染两次，第一次渲染 activedUsers.length 是 0，第二次渲染才会正确的载入数据。 点击任意一
-
问题内容： 我在使用React表单和正确管理状态时遇到麻烦。我有一个形式为模式的时间输入字段。初始值在中设置为状态变量，并从父组件传递。这本身工作正常。 当我想通过父组件更新默认的start_time值时，就会出现问题。更新本身通过发生在父组件中。但是在我的表单中，默认的start_time值从不更改，因为它仅在中定义一次。 我尝试过通过强制进行状态更改，该更改确实有效，但给了我错误。 所以我的问