react在url相同但参数不同的页面间跳转时如何根据参数去修改页面

Question

我是把更新方法写在componentWillReceiveProps里，但是setState是异步的，页面没有及时更新，请问有什么方法解决吗

state = {
    type: '页面2'
}
componentWillReceiveProps(nextProps:any) {
    this.setState({
      type:'页面1'
    })
  }
 render() {
  return (
    <div>{this.state.type}</div>
  )
 }

Answer 1

constructor(props) {
  super(props);
  var type = "页面1"
  this.state = {type};
}

Answer 2

1、建议看下文档：https://zh-hans.reactjs.org/d...
2、更新数据不要用 componentWillReceiveProps 这个生命周期已经废弃了，建议使用 componentDidUpdate。
3、应该这么更新数据：

componentDidUpdate(prevProps) {
  // 典型用法（不要忘记比较 props）：
  if (this.props.userID !== prevProps.userID) {
    this.fetchData(this.props.userID);
  }
}