反应路由器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(路径)
},
})
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。