Что произойдет, если вы используете props в исходном состоянии? в REACT

Привет, Вы узнаете о том , что такое Что произойдет, если вы используете props в исходном состоянии? в REACT, Разберем основные их виды и особенности использования. Еще будет много подробных примеров и описаний. Для того чтобы лучше понимать что такое Что произойдет, если вы используете props в исходном состоянии? в REACT , настоятельно рекомендую прочитать все из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend).

Если

props  

компонента изменяются без обновления компонента, новое значение реквизита никогда не будет отображаться, потому что функция конструктора никогда не обновит текущее состояние компонента. Инициализация состояния из реквизита выполняется только при первом создании компонента.

Компонент ниже не будет отображать обновленное значение ввода:

class MyComponent extends React.Component {
  constructor(props) {
    super(props)

    this.state = {
      records: [],
      inputValue: this.props.inputValue
    };
  }

  render() {
    return <div>{this.state.inputValue}</div>
  }
}

Использование реквизита внутри метода render обновит значение:

class MyComponent extends React.Component {
  constructor(props) {
    super(props)

    this.state = {
      record: []
    }
  }

  render() {
    return <div>{this.props.inputValue}</div>
  }
}

Исследование, описанное в статье про Что произойдет, если вы используете props в исходном состоянии? в REACT, подчеркивает ее значимость в современном мире. Надеюсь, что теперь ты понял что такое Что произойдет, если вы используете props в исходном состоянии? в REACT и для чего все это нужно, а если не понял, или есть замечания, то не стесняйся, пиши или спрашивай в комментариях, с удовольствием отвечу. Для того чтобы глубже понять настоятельно рекомендую изучить всю информацию из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)