I was trying to programatically navigate to a different page like so this.props.history.push('/new-path');
it worked, but I got a deprecation warning in console saying:
Warning: [react-router] props.history and context.history are deprecated. Please use context.router.
more about it here https://github.com/reactjs/react-router/blob/master/upgrade-guides/v2.0.0.md#changes-to-thiscontext
Afterwards I tried to use this new method like so this.context.router.push('/new-path')
but this doesn't seem to be the right approach.
Maybe you did forget to define the router as contextType? Assuming you have a component like:
class YourComponent extends React.Component {
render() {
return <div></div>;
}
}
You have to define the contextTypes as follows right beneath your component:
YourComponent.contextTypes = {
router: React.PropTypes.object.isRequired
};
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.