电脑配置|硬件知识|电脑故障|电脑技巧|电脑应用|组装电脑

反应路由器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(路径)
},
})



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