动态路径NavLink React

Question

我正在寻找一种方法来使NavLink的" to“属性成为动态的。

let url = 'localhost'=='localhost'? 'foo':'';
<Router>
 <NavLink to={url+'/'}>Home</NavLink>
</Router>

工作，但与每一个新的渲染反应，它添加一个新的网址到现有的。在render http://localhost/foo/foo之后执行http://localhost/foo ...

谢谢

Answer 1

尝试在URL前面加上一个斜杠...

<NavLink to={'/'+url+'/'}>Home</NavLink>

前面没有URL表示“相对于当前路径”，而前面有URL表示“相对于域名”

或者，在您的情况下获得相同结果的更好方法是将斜杠放在foo前面-例如：

let url = 'localhost'=='localhost'? '/foo':''; // <=== added slash 
<Router>
 <NavLink to={url+'/'}>Home</NavLink>
</Router>