反应嵌套路线问题

时间:2019-04-03 06:32:55

标签: reactjs react-router-dom

我使用Route中的react-router-dom建立了两条路由。

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

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

问题

上面提到的第二条路线是我作为链接发送给电子邮件的。当我单击该链接时。它会按预期打开带有url的链接,但不会停留在那里,而是转到第一条路线。简而言之。

  1. 第二条路线网址显示在地址栏中。
  2. 然后切换到第一条路线。

如您所见,我确实为此设置了exact个道具。他们不应该区别对待吗?可能是什么问题?

2 个答案:

答案 0 :(得分:2)

此代码将为您提供帮助

<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>

答案 1 :(得分:0)

这将为您提供帮助,您需要设置节点服务器,该服务器将在每次请求时返回应用程序的主页。

React-router urls don't work when refreshing or writing manually