javascript - 当您拥有componentDidUpdate时，为什么要使用getDerivedStateFromProps？

我对react 16的新生命周期感到困惑，getDerivedStateFromProps用例。以下面的代码为例，因为我可以使用componentDidUpdate实现我想要的功能，所以根本不需要getDerivedStateFromProps。

export class ComponentName extends Component {
  //what is this for?
  static getDerivedStateFromProps(nextProps, prevState) {

    if (nextProps.filtered !== prevState.filtered && nextProps.filtered === 'updated') {
      return {
        updated: true //set state updated to true, can't do anything more?
      };
    }

    return null;

  }

  componentDidUpdate(prevProps, prevState) {
    if(prevProps.filtered !== this.state.filtered && this.state.filtered === 'updated'){
      console.log('do something like fetch api call, redirect, etc..')
    }
  }

  render() {
    return (
      <div></div>
    );
  }
}

最佳答案

从this article: