[javascript] Changing the URL in react-router v4 without using Redirect or Link

I'm using react-router v4 and material-ui in my React app. I was wondering how to change the URL once there is a click on a GridTile within GridList.

My initial idea was to use a handler for onTouchTap. However, the only way I can see to redirect is by using the components Redirect or Link. How could I change the URL without rendering those two components?

I've tried this.context.router.push('/foo') but it doesn't seem to work.

This question is related to javascript react-router material-ui react-router-v4

The answer is


Try this,

this.props.router.push('/foo')

warning works for versions prior to v4

and

this.props.history.push('/foo')

for v4 and above


Similar questions with javascript tag:

Similar questions with react-router tag:

Similar questions with material-ui tag:

Similar questions with react-router-v4 tag: