这是一个简单的例子:
import React from 'react'; class NavigateNext extends React.Component { constructor() { super(); this.navigateProgramatically = this.navigateProgramatically.bind(this); } navigateProgramatically(e) { e.preventDefault(); this.context.router.transitionTo(e.target.href) } render() { return ( <Link to={"/next-page"} onClick={this.navigateProgramatically} >Continue</Link> ); } } NavigateNext.contextTypes = { router: React.PropTypes.object };
transitionTo只是可用的路由器方法之一.路由器对象还包含blockTransitions(getPromptMessage),createHref(to)和replaceWith(loc),值得检查.
这是official react-router
tutorial提到上面的方法.
如果您想了解更多关于使用反应的上下文,请查看docs.