动态路径NavLink React

时间:2018-09-03 11:31:55

标签: javascript reactjs react-router router react-router-dom

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

DateTime.now

工作,但在每次使用新渲染时都会在现有URL上添加一个新URL。 DateTime 渲染后 http://localhost/foo ...

谢谢

1 个答案:

答案 0 :(得分:1)

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

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

前面没有URL的意思是“相对于当前路径”,而前面有URL的意思是“相对于域名”

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

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