react跳转路由 跳转一样的路由数据不更新

在 React 中，当使用路由进行页面跳转时，如果跳转到相同的路由，页面组件默认是不会重新渲染的。这是因为 React Router 默认会对相同的路由进行优化，以提高性能。
如果你希望在跳转到相同的路由时，强制更新页面数据，可以使用一些方法来实现：

使用 key 属性：在你的 <Route> 组件上添加一个 key 属性，并将其值设置为当前路由的路径。这将强制 React 重新渲染组件，并更新组件的数据。

<Route key={location.pathname} path="/your-route" component={YourComponent} />
登录后复制

使用 componentDidUpdate 生命周期钩子：在你的页面组件中，手动检测路由变化，并在变化时更新数据。

import { withRouter } from 'react-router-dom';

class YourComponent extends React.Component {
componentDidUpdate(prevProps) {
if (this.props.location !== prevProps.location) {
// 更新数据的逻辑
}
}

render() {
// 组件渲染逻辑
}
}

export default withRouter(YourComponent);
登录后复制
通过以上方法，你可以在跳转到相同的路由时强制更新页面数据。请注意，在使用 componentDidUpdate 方法时，需要使用 withRouter 高阶组件来将路由相关属性注入到组件中。
希望能对你有所帮助！如有其他问题，请继续提问。