reactjs - 如何在 reactJs 中使用相同的组件渲染两个不同的反应路线？

Question

我有 2 条路线

1. 添加新产品 /products/new

2. 编辑产品 /products/:id

两条路线都呈现在同一个组件上.

问题是这样的，如果当前路线是editProduct，那么如果我点击“添加新产品”路线，那么什么也没有发生。

标签： reactjs

Answer 1

您必须按顺序定义路线，以便/products/new在之前匹配/products/:id

<Route path="/products/new" component={NewProduct} exact />
<Route path="/products/:id" component={Product} exact />

在上面的代码片段/products/new中将渲染NewProduct组件/products/anything-other-than-new并将渲染Product组件