动态路径 NavLink React

Question

我正在寻找一种使 NavLink 的 "to" 属性 反应动态的方法。

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

有效，但随着每个新的渲染反应，它会向现有渲染添加一个新的 url。 http://localhost/foo 渲染后 http://localhost/foo/foo ...

谢谢

Answer 1

也尝试在 URL 的前面加上斜杠...

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

前面没有URL表示"relative to the current path"，前面有URL表示"relative to the domain name"

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

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