Reactjs 当React Router中的两个路由共享第一个参数（页面类别）时，如何在URL中使用多个参数？

所以基本上我正在开发一个电子商务应用程序。我的购物页面看起来像这样

const ShopPage=（{match}）=>{
返回(
)
}
导出默认商店页面；

---

现在我要解决的问题是，当我去商店/鞋子/蓝色运动鞋时，它会同时加载蓝色运动鞋的项目页面和运动鞋系列概述页面。我试图解决这个问题的一种方法是在CollectionPage路由中添加一个精确的。这似乎有效，但我的问题是：这是正确的方法还是你认为有更好的方法来实现这一点？感谢您的时间：）

react router dom有一个名为

Switch

的组件。该组件将加载与路径匹配的第一条路由。另一个选项是使用

exact

告诉它URL必须完全匹配，而不仅仅包含路径。