React, Как изменить стэйт?

Question

[Kappy]

Есть форма и результат, которые общаются через родителя.
В форме формируются данные, высылаются к родителю, там идет обработка данных и высылаются данные в компонент результат. Но они туда идут как проперти, и стэйт у результата не меняется. Как изменить стэйт у результата?
<Result data = {this.state.data}/>
В пропс данные попали, изменились, а в стейт остались старые.
Уже голова плывет просто, но надо доделать

Answer 1

[Антон Спирин]

static getDerivedStateFromProps(props, state) {
  if (props.data !== state.data) {
    return {
      data: props.data,
    };
  }

  return null;
}

Но, по-хорошему, если данные хранятся в state родителя и изменяются там же, то в большинстве случаев их не надо писать в state дочернего компонента, можно, просто, использовать props.

Comments

[Kappy]

Логично, тогда перерисуется без этого метода. Но вы мне очень помогли, я уже и забыл про этот метод жизненного цикла, Спасибо большое !