React Router 4-组件WillReceiveProps（）未激发

Question

我用的是4号路由器。

当我渲染组件与渲染参数组件WillReceiveProps（）它不火的第一次，所以我需要点击两次发送道具到组件。

我呈现如下：

const CartRoute = (props) => (<Cart itemsInCart = {this.state.itemsInCart} deleteItemFromCart = {this.deleteItemFromCart} {...props} />);
.....
  <Switch>
    .....
    <Route path="/cart" render={CartRoute} />
  </Switch>

如果没有路由器（当所有组件都在同一个页面上），它的工作正常。

以下是详细说明：

反应路由器-需要点击链接两次才能将道具传递给组件

Answer 1

我认为原因很简单，根据文件：

React不调用组件将在安装过程中使用初始道具接收道具。它只在组件的某些道具可能更新时调用此方法。componentWillReceiveProps（）在装入的组件接收新的道具之前被调用。

当第一次渲染组件时，组件不会被调用，在那时组件会被调用，当您在道具值中做任何更改时，只有组件会被触发。所以第一次，如果你想做一些计算，那么在组件didMount方法中这样做：

componentDidMount(){
   console.log('props values', this.props); //it will print the props values
}

组件WillReceiveProps是一种更新生命周期方法，而不是装载方法。

安装方法：

在创建组件实例并将其插入DOM时，将调用这些方法。

更新方法：

道具或状态的更改可能会导致更新。这些方法在重新呈现组件时调用。

检查安装和更新生命周期方法之间的区别。