key对每条路线使用不同应该强制组件重建：

    <Route 
      key="add-client"
      exact path="/add-client"
      component={manageClient} 
    />

    <Route 
      key="edit-client"
      exact path="/edit-client"
      component={manageClient} 
    />

一种解决方案是使用带有组件的内联函数，每次都会渲染一个新组件，但这不是一个好主意。

像这样：

<Route exact path="/add-client" component={props => <ManageClient {...props} />}></Route>
<Route exact path="/edit-client" component={props => <ManageClient {...props} />}></Route> 

更好的解决方案是，在组件中使用componentWillReceiveProps生命周期方法ManageClient。想法是每当我们为两个路由渲染相同的组件并在它们之间切换时，react不会卸载-挂载组件，它基本上只会更新组件。因此，如果您要进行任何 api 调用或需要一些数据，请在此方法中对路由更改进行所有操作。

要检查，请使用此代码并查看它会在路由更改时被调用。

componentWillReceiveProps(nextProps){
   console.log('route chnaged')
}

注意：只有在路由改变时才放置条件并进行api调用。

<Route exact path={["/add-client", "/edit-client"]}>
  <manageClient />
</Route>

参考

版本 5.2.0

https://reacttraining.com/react-router/web/api/Route/path-string-string

我的问题是我们使用了common中间的路径，这导致动态路径不起作用

      <Switch>
        <Route key="Home" path="/home" component={Home} />
        <Route key="PolicyPlan-create"  path="/PolicyPlan/create" component={PolicyPlanCreatePage} />
        {/* <Route key="PolicyPlan-list" path="/PolicyPlan" component={PolicyPlanListPage} /> */}
        <Route key="PolicyPlan-list" path="/PolicyPlan/list" component={PolicyPlanListPage} />            
        <Route key="PolicyPlan-edit"  path="/PolicyPlan/edit/:id" component={PolicyPlanCreatePage} />   
        <Route key="cardDesign" path="/cardDesign" component={cardDesign} />
        <Route key="Admin-create" path="/admin/create" component={RegisterPage} />
      </Switch>

所以不要像注释的那样使用路径，现在代码正在运行

.................
          this.props.history.push("/PolicyPlan/edit/" + row.PolicyPlanId);
.............