javascript - 在动态路由上响应重新加载组件

Question

<Route path="/user/:username/" component={UserProfile} />

我按照上面的方式设置了一条路线，但在

上遇到了问题

<Link to={"/user/" + userName + "/"}>user profile</Link>

当用户从 /user/user1/ 到 /user/user2/ 时，因为它不会重新加载组件，而只是更新状态。

解决此问题的最佳方法是什么？我需要在用户名更改时执行 componentDidMount 中的 HTTP 请求。

Answer 1

当路由参数更改时，路由组件不会重新加载。但当组件获得不同的 props 时，它会调用 componentWillReceiveProps() 。因此，在 componentWillReceiveProps() 和 componentDidMount 中调用 HTTP 请求，因为 React 在挂载期间不会使用初始 props 调用 componentWillReceiveProps() 。