代码之家 › 专栏 › 技术社区 › Nauman Zafar

应对嵌套路由问题

react-router-dom reactjs

Nauman Zafar · 技术社区 · 5 年前

我有几个路线设置使用 Route 从…起 react-router-dom .

<Route exact path="/dashboard/search" component={Search} />

<Route exact path="/dashboard/search/:uid/:sid/result" component={Results} />

问题

上面提到的第二条路线是我通过电子邮件发送的链接。当我点击这个链接。它会按预期打开带有url的链接,但不会停留在那里,而是转到第一条路径。简单地说。

地址栏中会显示第二条路线的url。
然后切换到第一条路线。

正如你所看到的,我确实有 exact 在这上面设置道具。它们不应该被区分吗?有什么问题吗?

0 回复 | 直到 5 年前

Rana 5 年前

此代码将帮助您

<Route path="/Product" name="Product" >
    <IndexRoute component={Product} />
    <Route path="add" name="Add product" component={AddProduct} />
    <Route path="edit/:id" name="Edit product" component={AddProduct} />
    <Redirect from="edit" to="/product" />
    <Route path="detail/:id" name="Detail" component={DetailProduct} />
    <Redirect from="edit" to="/product" /></Route>