React-router- change url on data fetched

Question

I am working with React Router and I want to change url after data has been fetched. I was trying many solutions but any of them seem to work. One of the solutions was this.props.history.push('/some/path') but wherever I put it I get the error:

Cannot read property 'push' of undefined

I use import {BrowserRouter as Router} from 'react-router-dom'

aravind_reddy · Accepted Answer · 2018-07-08 02:34:12Z

1

You might not be getting history in your props:

You need to make use of the withRouter

import { withRouter} from 'react-router-dom';

then you need to export your component with withRouter:

export default withRouter(componentName)

then you can use the line:

this.props.history.push('/some/path')

answered Jul 8, 2018 at 2:34

aravind_reddy

5,4964 gold badges28 silver badges41 bronze badges

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

Collectives™ on Stack Overflow

React-router- change url on data fetched

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