Как определенно заменить componentWillReceiveProps и продолжать получать nextProps?

Question

Я использую React 16.8.4 в своем приложении, и мне действительно нужно использовать nextProps в некоторых случаях. Как упоминается в React Docs, componentWillReceiveProps - это НЕ БЕЗОПАСНЫЙ метод, и его больше не рекомендуется использовать.

Я прочитал Документы (https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key), но я даже не знаю, как портировать мой старый componentWillReceiveProps, используя эту версию с ключами и всем прочим.

Мне не нужно создавать новый экземпляр компонента, мне просто нужно nextProps !!! Я пытался использовать componentDidUpdate (), но я не хочу получать prevProps, Я ХОЧУ СЛЕДУЮЩИЕ PROPS !

Не могли бы вы, ребята, помочь?

Answer 1

this.props в componentDidUpdate будет таким же, как nextProps в componentWillReceiveProps, так что вы можете использовать это.

// componentWillReceiveProps(nextProps) {
//   if (nextProps.someProp !== this.props.someProp) {
//     doSomething();
//   }
// }

componentDidUpdate(prevProps) {
  if (this.props.someProp !== prevProps.someProp) {
    doSomething();
  }
}

Answer 2

Вы можете использовать getDerivedStateFromProps вместо componentWillReceiveProps.