反应路由器JS控制路由跳转实例

链接组件用于普通用户单击跳转，但有时需要表单跳转、单击按钮跳转等等，这些情况如何与反应路由器对接呢

这是一张表格。









第一种方法是使用browserhistory.push


进口{ browserhistory } from'react-router

…
handlesubmit（事件）{
Event.preventDefault（）
常量元素=事件。元素{ 0 }值。
常量=事件。目标元素{ 1 }值。
const路径= ` / /美元回购{用户名} { } ` /美元回购
BrowserHistory.push（路径）
}，



第二种方法是使用上下文对象。


出口默认React.createClass（{

从上下文中获取路由器
contexttypes：{
路由器：react.proptypes.object
}，

handlesubmit（事件）{
…
This.context.router.push（路径）
}，
}）



以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。