Отслеживание изменений в одной собственности в состоянии

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} />
  });
}