javascript - 使用 React withRouter 作为类组件

Question

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

    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);