Как изменить componentWillReceiveProps на getDerivedStateFromProps?

Question

[IIITRIX]

Объясните пожалуйста
Мой пример

componentWillReceiveProps(nextProps) {
    if (this.props.token !== nextProps.token) {
      this.Comments(nextProps.token)
    }
  }

пробовал так

static getDerivedStateFromProps(props) {
    if (props.token) {
      this.Comments(props.token)
    }
  }

Answer 1

[Андрей Hecc]

getDerivedStateFromProps это статический метод, вы не можете там обращаться к экземпляру класса (использовать this).
То, что вы вернете из этого метода, попадет в стейт вашего компонента.

Если допустить, что у вас в стейте компонента есть token, то это будет выглядеть так:

class XXX extends React.Component {
	state = {
		token: null
	}

	static getDerivedStateFromProps( props ){
		if( props.token){
			return {
				token: props.token
			}
		}
		return null;
	}
}

Гляньте доку на всякий случай и вот эту статью. Возможно, в вашем случае этот метод и не нужен, так как это не замена componentWillReceiveProps, а метод с немного другой механикой.