javascript - 动态路径 NavLink React

Question

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

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

可以工作，但对于每个新的渲染 react ，它都会向现有的网址添加一个新的网址。 http://localhost/foo渲染后 http://localhost/foo/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>