如何在React中更新父级的状态？
Component 1
- |- Component 2
- - |- Component 4
- - - |- Component 5
Component 3
共有1个答案
对于子-父通信，您应该传递一个函数来设置从父到子的状态，如下所示
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并不相关。
-
问题内容： 我的结构如下所示： 组件3应该根据组件5的状态显示一些数据。由于道具是不可变的，我不能简单地将其状态保存在组件1中并转发它，对吗？是的，我已经阅读了有关redux的内容，但不想使用它。我希望有可能通过反应来解决。我错了吗？ 问题答案： 对于孩子与父母的通信，您应该传递一个将状态从父母设置为孩子的函数，如下所示 这样，孩子可以通过调用通过props传递的函数来更新父母的状态。 但是您将不
-
问题内容： 我有一个带有提交按钮的表单。该表单调用一个onclick函数，该函数将某物的状态从false设置为true。然后，我想将此状态传递回父级，这样，如果为true，则呈现componentA；如果为false，则呈现componentB。 我会如何反应？我知道我需要使用状态或道具，但不确定如何使用它。这也与单向流动反应原理矛盾吗？ ComponentA代码： 控制其显示内容的父组件： 问题
-
我有一个表单，它有一个提交按钮。该表单调用一个函数onclick，该函数将某物的状态从false设置为true。然后我想把这个状态传递回父级，这样如果为true，它将呈现componentA，如果为false，它将呈现componentB。 我会如何反应呢？我知道我需要使用状态或道具，但不知道如何使用。这是否与单向流反应原理相矛盾？？ 组件A代码： 控制其显示内容的父组件：
-
问题内容： 我正在尝试仅更新数组状态中的一个元素，但不确定如何执行此操作。 State 设定状态 如果我想更改标记的第四个元素中的键，该怎么做？ 谢谢 问题答案： 重要的一点是，我们不应该直接更改状态数组，而要始终在新数组中进行更改，然后使用setState更新状态值。 如 Doc 建议： 切勿直接更改this.state，将this.state视为不可变。 更新状态数组的基本流程是： 1- 首先
-
我正在尝试制作一个很好的ApiWrapper组件来填充各种子组件中的数据。从我读到的所有内容来看，这应该是可行的:https://jsfidle.net/vinniejames/m1mesp6z/1/ 但由于某种原因,当父状态更改时,子组件似乎没有更新。 我是不是漏了什么？
-
问题内容： 我试图通过使用这样的嵌套属性来组织我的状态： 但是像这样更新状态 不起作用。如何正确完成？ 问题答案： 为了创建嵌套对象，您可以按照以下方法进行操作，因为我认为setState无法处理嵌套更新。 这个想法是创建一个虚拟对象，对其执行操作，然后用更新的对象替换组件的状态 现在，散布运算符仅创建对象的一级嵌套副本。如果您的状态是高度嵌套的，例如： 您可以在每个级别使用传播运算符来设置状态，