使用React Router V4的嵌套路由不起作用

Question

我为页面创建了一条路由。在页面的那一侧我使用了4个组件。我给了这些组件的路径。在标题下拉列表中，我给了这些组件的链接，首先单击该路径即可。

但是在第二次单击中，URL更改了，但没有重定向。

Link

Answer 1

将exact添加到路由将解决此问题：

    <Route path="/s" exact={true} component={GoLive} />
    <Route
      exact={true}
      path="/s/profile"
      render={() => (
         <div>
            <ManageProfile descri={teprop} />
         </div>
       )}
     />

Switch组件呈现第一个匹配的路由，并且/s在/s/profile/中被匹配。

Answer 2

您可以在“路线”中使用完全匹配：

<Route exact path="/one" component={About}/>

https://reacttraining.com/react-router/web/api/Route/exact-bool