即使使用确切的属性- React也可以合并两个屏幕

Question

所以我试着用React路由器dom创建一个网站，但问题是我的两个路由由于某种原因正在合并，甚至有确切的标签。管理屏幕没有合并与详细屏幕，但详细屏幕正在合并与管理屏幕(详细屏幕也出现时，我进入管理面板，但管理屏幕不出现在详细屏幕)。我的代码是这样的：

<Router>
<Route path='/:productID' exact component={DetailScreen} />
<Route path='/admin' exact component={AdminPanel} />
</Router>

Answer 1

在路由器的眼中，"admin“是一个有效的产品ID。

将这两个路由包装在一个中，只允许一个路由呈现，然后将它们反向，这样管理员就是第一个(这样它就匹配了“全部捕获”)。