如何从没有结尾的斜线路由到子目录？

Question

我使用的反应路由器V4

假设我在以下位置

http://localhost:3000/articles 

我想这个位置有一个反应的路由器链接元素，它指向

http://localhost:3000/articles/new 

第一次尝试：

<Link to="new" /> 

个

点

http://localhost:3000/new 

第二次尝试：

<Link to="/new" /> 

从任何位置点

http://localhost:3000/new 

第三次尝试：

<Link to="new" /> 

从

http://localhost:3000/articles/ /* notice the slash at the end */ 

点

在

http://localhost:3000/articles/new 

成功，但我需要它的工作范围：

http://localhost:3000/articles 

Answer 1

您应该指向的Link到/articles/new

<Link to="/articles/new" />

您路由器应该与此类似：

const App =() => (
    <Router> 
    <div className="wrapper"> 
     <Route path="/" exact component={Home} /> 
     <Route path="/articles" component={Articles} /> 
     <Route path="/articles/new" component={New} /> 
    </div> 
    </Router> 
); 

注：配置你的路由器作为例子将呈现两种成分（文章和新建）。如果您只想修改New，则应该将属性exact添加到父组件。

<Route path="/articles" exact component={Articles} />