Reactjs 使用React路由器进行路由

我正在尝试构建我的页面，以便通过

/products/CATEGORY\u ID/SUBCATEGORY\u ID/product\u ID

问题是，当我单击具有以下链接的产品时：

，它更改

子类别\u ID

，而不是推送

产品\u ID

。如何解决这个问题

我的路线：

      <Route exact path='/products/:id' component={Products} />
      <Route path='/products/:id/:subid' component={Products} />
      <Route exact path='/products/:id/:subid/:slug' component={Product} />

编辑：

它的工作原理如下：

<Link
     to={`/products/${category.id}/${subcategory.id}/${product.slug}`}
     className='products__product-link'
     key={product.id}
>

---

但这是正确的方法吗？

共享一些代码以了解问题。如果您想查看一些示例或共享原始帖子中添加的projectI路线的代码片段，请查看。你需要什么代码？