react-router JS控制路由跳转实例 - 行业资讯 - 肥雀云

链接组件用于正常的用户点击跳转,但是有时还需要表单跳转,点击按钮跳转等操作。这些情况怎么跟路由器对反应接呢?
　　下面是一个表单。

　　　　　　& lt;形式占位符="用户名"/比; 　　& lt;输入类型=拔谋尽闭嘉环?盎毓骸?比; 　　& lt;按钮类型=疤峤弧弊４荊o 　　& lt;/form> 　　　　

第一种方法是使用browserHistory.push

　　　　　　从“react-router”进口{browserHistory}//? 　　handleSubmit(事件){ 　　event.preventDefault () 　　const用户名=event.target.elements [0] value 　　const回购=event.target.elements [1] value 　　const path='/回购/$ {userName}/${回购}' 　　browserHistory.push(路径) 　　}, 　　之前　　　　

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

　　　　　　出口默认React.createClass ({//通过上下文要求“路由器” 　　contextTypes: { 　　路由器:React.PropTypes.object 　　}, 　　　　handleSubmit(事件){//? 　　this.context.router.push(路径) 　　}, 　　}) 　　之前　　　　

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