react 生命周期 componentWillReceiveProps(nextProps) 的替代方法

例如：

componentWillReceiveProps(nextProps) {
  if (this.props.editInfo.id !== nextProps.editInfo.id) {
    // 請求詳情數據
    this.props.getDetail({
      id: nextProps.editInfo.id
    })
  }
}

可寫成：

static getDerivedStateFromProps(props, state) {
  if (props.editInfo.id !== state.editInfo.id) {
    return {
      editInfo: props.editInfo
    };
  }
 
  return null;
}
 
componentDidUpdate(prevProps, prevState) {
  if (this.state.editInfo.id !== prevState.editInfo.id) {
    // 請求詳情數據
    this.props.getDetail({
      id: this.state.editInfo.id
    })
  }
}

.