在反应中，当路径路径不同时，但是相同的组件。如何防止重新安装？

Question

在反应路由器（v2）中，当存在不同的路径路径但是相同的组件时。

我们如何防止重新安装组件，例如，卸载组件，然后再次安装组件。

它导致调用componentDidMount两次。

当有一些订阅请求时，我的应用程序将订阅两次。

因此订阅的事件将被调用两次。

我该如何解决？

Answer 1

只需嵌套您的react-router代码。如下所示，

  <Route component={Home}>
    <IndexRoute />
    <Route path="/" />
    <Route path="/market" />
  </Route>

只需使用您要调用一次的组件定义父标记，并仅使用该路径定义子标记。

然后，如果路径路径改变'/'到'/ market'将不会重新安装组件。

以下代码是您可能不想要的重新安装方案。

...

<Route component={Home} path="/" />
<Route component={Home} path="/trade" />

...