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

对类组件使用React withRouter

1 个答案: