Using React withRouter for Class Component

Question

For the functional component, I have used withRouter for redirect to another component like below:

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

   export default Topleft;

I want to does exactly the same thing for the class component. Like Below:

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

 export default Topleft;

How can I do that? Can anyone please help.

you can get history or location object from class component props. Just use HOC and wrap Topleft: export default withRouter(Topleft); — demkovych
– demkovych, Commented Jan 29, 2020 at 9:50

demkovych · Accepted Answer · 2020-01-29 09:51:18Z

1

You can get access to the history object's properties and the closest 's match via the withRouter higher-order component.

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

answered Jan 29, 2020 at 9:51

demkovych

9,0553 gold badges23 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using React withRouter for Class Component

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related