router push不跳转
时间: 2023-07-20 11:20:07 浏览: 76
vue-router3.0版本中 router.push 不能刷新页面的问题
5星 · 资源好评率100%
如果您使用的是React Router,但是在调用`history.push()`方法时并没有进行页面跳转,可能是因为您没有使用`withRouter`高阶组件。
在使用React Router时,在组件中使用`history.push()`方法进行页面跳转需要使用`withRouter`高阶组件将组件包裹起来,以便组件可以访问到`history`、`location`和`match`等路由相关属性。
下面是一个示例:
```
import React from 'react';
import { withRouter } from 'react-router-dom';
class MyComponent extends React.Component {
handleClick = () => {
this.props.history.push('/new/path');
}
render() {
return (
<button onClick={this.handleClick}>Go to new path</button>
);
}
}
export default withRouter(MyComponent);
```
在这个示例中,`MyComponent`组件通过调用`history.push()`方法进行页面跳转。使用`withRouter`高阶组件将`MyComponent`包裹起来,使其可以访问到`history`属性。
如果您已经使用了`withRouter`高阶组件,但仍然没有进行页面跳转,请检查URL是否正确。
阅读全文