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

Question

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

Answer 1

您可以使用冒泡方法。

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

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

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

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