react-router JS 控制路由跳转实例
Link组件用于正常的用户点击跳转,但是有时还需要表单跳转、点击按钮跳转等操作。这些情况怎么跟ReactRouter对接呢?
下面是一个表单。
Go
第一种方法是使用browserHistory.push
import{browserHistory}from'react-router' //... handleSubmit(event){ event.preventDefault() constuserName=event.target.elements[0].value constrepo=event.target.elements[1].value constpath=`/repos/${userName}/${repo}` browserHistory.push(path) },
第二种方法是使用context对象。
exportdefaultReact.createClass({ //askfor`router`fromcontext contextTypes:{ router:React.PropTypes.object }, handleSubmit(event){ //... this.context.router.push(path) }, })
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。