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

Question

[ckatala]

Получаю предупреждение в консоле браузера
Warning: componentWillReceiveProps has been renamed, and is not recommended for use.
Объясните пожалуйста как исправить на getDerivedStateFromProps
Если можно наглядно, в других случаях думаю сам разберусь!Спасибо

Мой компонент

constructor(props) {
    super(props)
    this.state = {
      query: '',
      toggle: 'off'
    }
  }
  componentWillReceiveProps(nextProps) {
    if (!nextProps.location.pathname.includes('/search')) {
      this.setState({
        query: '',
        toggle: 'off'
      })
    }
  }

Answer 1

[Олег]

static getDerivedStateFromProps(nextProps){
   if(!nextProps.location.pathname.includes('/search')){
     return {
        query: '',
        toggle: 'off'
      };
  }
  else {
      return null;
  }
}