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

---

您可以从类组件道具获取历史或位置对象。只需使用HOC和wrap

Topleft

：

使用路由器导出默认值（Topleft）使用路由器导出默认值（左上角）将work@demkovych在这种情况下如何传递历史？@MehadiHassan this.props.history将起作用