react中返回上一级
时间: 2023-09-03 14:13:09 浏览: 148
返回顶部按钮
在React中,可以使用React Router来实现页面的导航和跳转。要返回上一级页面,可以使用`history`对象的`goBack()`方法。
首先,在组件中引入`withRouter`高阶组件:
```javascript
import { withRouter } from 'react-router-dom';
```
然后,在组件中使用`history`对象的`goBack()`方法即可:
```javascript
class MyComponent extends React.Component {
handleGoBack = () => {
this.props.history.goBack();
}
render() {
return (
<div>
<button onClick={this.handleGoBack}>返回上一级</button>
</div>
);
}
}
export default withRouter(MyComponent);
```
这样,当用户点击按钮时,就会返回上一级页面。
阅读全文