React, How to change the state?

Question

React

There is a form and a result that communicate through the parent.
Data is formed in the form, sent to the parent, where the data is processed, and the data is sent to the result component. But they go there as properties, and the state of the result does not change. How to change the state of the result? The data got into the props, changed, and the old ones remained in the state. Already the head floats simply, but it is necessary to finish
<Result data = {this.state.data}/>

Answer 1

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

  return null;
}

But, in a good way, if the data is stored in the state of the parent and changes there, then in most cases they do not need to be written in the state of the child component, you can simply use props.