javascript - 对类组件使用React withRouter

对于功能组件，我使用了withRouter来重定向到另一个组件，如下所示：

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

   export default Topleft;

我想对类组件做完全相同的事情。
  如下所示：

class TopLeft component {
 render(){
   return()
  }
}

 export default Topleft;

我怎样才能做到这一点？
谁能帮忙。

最佳答案

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

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