一般组件是不具备路由组件的属性的,比如history里面的goBack()回退,goForward()前进等
如果想要给一般组件拥有这些功能,使用withRouter可以实现
import React, { Component } from "react";
import { withRouter } from "react-router-dom";
class Header extends Component {
back = () => {
this.props.history.goBack();
};
forward = () => {
this.props.history.goForward();
};
render() {
return (
<div>
<h3>我是Header的内容</h3>
<button onClick={this.back}>回退</button>
<button onClick={this.forward}>前进</button>
</div>
);
}
}
export default withRouter(Header);
withRouter(Header)返回的是一个新的组件,里面包含有路由组件的方法