将id被作为一个传递prop的形式this.props.params.id，所以你应该使用componentWillReceiveProps它运行每次生命周期方法，props而这一点正是你的情况发生了变化。

componentWillMount当您从 导航/parentdir/module/2到时，该方法不会运行，/parentdir/module/3因为组件已经是mounted。它只会在您从其他组件导航时运行（例如，当您直接导航时）。

在您的Module组件中添加此生命周期方法

componentWillReceiveProps(nextProps){
      if(nextProps.params.id != this.props.params.id){
          //load information etc (whatever you are doing in componentWillMount)
       }
}

发生的事情是，当它接收到较新的一组时，props它会比较参数id是否已更改（所有路由参数都存在于 中的params对象中props），并且当它看到更改时，它会执行逻辑。比较并不是真正必要的，您可以按原样添加方法中的逻辑，componentWillReceiveProps但这将是低效的，因为每次props对象更改时都会调用它（可能根本不是id参数）。

componentWillMount()和componentDidMount()只会执行一次！

（根据 React 组件生命周期https://facebook.github.io/react/docs/react-component.html#the-component-lifecycle）

如果您希望每次孙module更新时都更新您的module，您需要在您的module中创建一个函数，并将其作为props传递给子module和孙module（在主module的渲染方法中）

该函数（updateThisModule）和您的渲染方法将如下所示：

以下编辑版本：（这只是关于如何从多级子组件触发父组件上的回调函数的演示，我们实际上可以在该回调中执行任何操作）

import React from 'react';

class Module extends React.Component {

  constructor(props) {
    super(props);
    // ...
  }

  updateThisModule = () => {
    // We can do whatever we want here, either forceUpdate the component
    // or setState, which will also trigger this component to update itself
    // (using setState is more natural, though)
    // *** OPTION 1
    // this.forceUpdate();
    // *** OPTION 2
    // this.setState({
    //   someState: 'someValue',
    //   ..
    // });
    // *** ...
    // ...
  }

  render(){
    // ...
    <ChildModule updateParent={this.updateThisModule} />
    // ...
  }
}

同样，在子module的 render 方法中做同样的事情（将该函数向下传递 1 级到孙module）：

class ChildModule extends React.Component {
  ...
  render(){
    // ...
    <GrandChildModule updateGrandParent={this.props.updateParent} />
    // ...
  }
}

之后，在 Grand-Child-Module 中，我们需要一个触发器来调用顶层 Module 进行更新，建议您在 componentDidUpdate() 函数中触发它。然后，Grand-Child-Module 可能如下所示：

class GrandChildModule extends React.Component {
  constructor(props) {
     super(props);
     // ...
  }

  componentDidUpdate() { 
    // this will be executed every time this grand-child-module updates itself
    // we will then trigger the update function upward to the parent's level first, then the grand-parent's level (which is your main Module)
    this.props.updateGrandParent(); 
  }

  render(){
    // ...
  }
}

上面的代码是用ES6写的，如果你用不同的方式写你的，请随时在这里发布，然后我们可以一起修改你的代码让它工作！

PS：将函数作为props传递给子组件也是纯 React 组件的主要思想。但是，如果您的module层次结构太深（有很多子、孙、曾孙等），您可以考虑使用 Flux 或 Redux