路由组件需要关键才能正常工作

时间:2019-05-24 13:23:21

标签: javascript reactjs react-router

我有一个<Route path='/user/:id' exact component={UserProfile} />,可以在每个URL上正常工作,但是如果我已经在'/ user /'上,就没有作用。

假设您在/ user / 2上,并且链接转到/ user / 3,如果刷新正确的页面加载,浏览器中的url会更改,但仍不会重新呈现。

现在,在失去理智之后,我尝试了以下方法:

<Route path='/users/:id' key={Date.now()} exact component={UserProfile} /> 

通过“神奇地”给它一个键,可以在任何URL中使用。

有人可以向我解释一下吗?

1 个答案:

答案 0 :(得分:0)

错误为exact,因为id将为每个新用户获得更改,
<Route path='/users/:id' component={UserProfile} />