Using React withRouter for Class Component

Question

对于功能组件，我已经使用路由器重定向到另一个组件，如下所示：

const buttonClick = (history) => {
history.push('/spot');
};
const Topleft = withRouter(({history}) => {
return (  );
});
export default Topleft;

我想对类组件做完全相同的事情。 像下面这样：

class TopLeft component {
render(){
return()
}
}
export default Topleft;

我该怎么做？ 任何人都可以帮忙。

Answer 1

您可以通过 withRouter 高阶组件访问历史对象的属性和最接近的匹配项。

const { match, location, history } = this.props;
...
export default withRouter(Topleft);