跟踪状态中一个属性的更改

时间:2018-04-30 11:58:48

标签: reactjs parent-child state react-lifecycle

我有一个具有不同属性的州。当状态中只有一个特定属性发生变化时,我想听取并触发动作。此属性是对象数组,当它更改时,我想将新更新的属性发送到父组件。我该怎么做?

1 个答案:

答案 0 :(得分:0)

您可以使用冒泡方法。

定义状态及其值,以及父对象上的事件处理程序。使用属性将状态和处理程序传递给子组件。 JSX看起来像

class Parent extends React.Component {
  constructor() {
    super();
    this.state = { data: /* some data */ }
  }

  onChangeHandler = () => {
    // event handling 
  }

  render = () => ({
    <Child data={...data[i]} onChangeHandler={this.onChangeHandler} />
  });
}