React Router如何使父路由和子路由具有参数

Question

我有2条路线：

<Route path="/hello/:name" component={A}> 
<Route path="/hello/custom/:name" component={B}> 

现在，当我导航到/ hello / custom / aPerson时。组件A和B被调用。我该如何避免呢？当前，我必须向组件A添加逻辑以检查其param：name以查看是否使用了任何“ /”。如果是这样，我将禁用组件A。

Answer 1

解决方法是将exact添加到路由。

<Route exact path="/hello/:name" component={A}> 
<Route exact path="/hello/custom/:name" component={B}>