react-router JS 控制路由跳转实例

Link组件用于正常的用户点击跳转，但是有时还需要表单跳转、点击按钮跳转等操作。这些情况怎么跟React Router对接呢？
下面是一个表单。

<form onSubmit={this.handleSubmit}>
 <input type="text" placeholder="userName"/>
 <input type="text" placeholder="repo"/>
 <button type="submit">Go</button>
</form>

第一种方法是使用browserHistory.push

import { browserHistory } from 'react-router'

// ...
 handleSubmit(event) {
  event.preventDefault()
  const userName = event.target.elements[0].value
  const repo = event.target.elements[1].value
  const path = `/repos/${userName}/${repo}`
  browserHistory.push(path)
 },

第二种方法是使用context对象。

export default React.createClass({

 // ask for `router` from context
 contextTypes: {
  router: React.PropTypes.object
 },

 handleSubmit(event) {
  // ...
  this.context.router.push(path)
 },
})

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

# react  # router  # 跳转  # js跳转  # router路由跳转  # react-router v4如何使用history控制路由跳转详解  # 基于React路由跳转的几种方式  # react中路由跳转及传参的实现  # react路由跳转传参刷新页面后参数丢失的解决  # React 中常用的几种路由跳转方式小结  # React路由跳转的实现示例  # 种方法  # 表单  # 是一个  # 还需要  # 大家多多  # input  # gt  # onSubmit  # handleSubmit  # placeholder  # userName  # type  # text  # form 

相关文章： 如何获取PHP WAP自助建站系统源码？  网站制作公司排行榜,抖音怎样做个人官方网站  如何高效完成独享虚拟主机建站？  建站之星logo尺寸如何设置最合适？  如何选择建站程序？包含哪些必备功能与类型？  广东企业建站网站优化与SEO营销核心策略指南  如何选择可靠的免备案建站服务器？  C++用Dijkstra(迪杰斯特拉)算法求最短路径  建站之星CMS建站配置指南：模板选择与SEO优化技巧  如何快速重置建站主机并恢复默认配置？  建站之星后台密码遗忘？如何快速找回？  ,有什么在线背英语单词效率比较高的网站？  制作假网页,招聘网的薪资待遇，会有靠谱的吗？一面试又各种折扣？  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  建站VPS选购需注意哪些关键参数？  建站之星代理商如何保障技术支持与售后服务？  无锡营销型网站制作公司,无锡网选车牌流程？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  如何做网站制作流程,*游戏网站怎么搭建？  宁波免费建站如何选择可靠模板与平台？  网站设计制作企业有哪些,抖音官网主页怎么设置？  香港服务器WordPress建站指南：SEO优化与高效部署策略  如何在建站之星绑定自定义域名？  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  建站之星2.7模板：企业网站建设与h5定制设计专题  网站制作和推广的区别,想自己建立一个网站做推广，有什么快捷方法马上做好一个网站？  如何在西部数码注册域名并快速搭建网站？  高防网站服务器：DDoS防御与BGP线路的AI智能防护方案  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  如何在腾讯云免费申请建站？  微信h5制作网站有哪些,免费微信H5页面制作工具？  北京建设网站制作公司,北京古代建筑博物馆预约官网？  黑客如何利用漏洞与弱口令入侵网站服务器？  一键网站制作软件,义乌购一件代发流程？  专业网站建设制作报价,网页设计制作要考什么证？  css网站制作参考文献有哪些,易聊怎么注册？  网站制作大概多少钱一个,做一个平台网站大概多少钱？  如何选择最佳自助建站系统？快速指南解析优劣  如何在万网主机上快速搭建网站？  网站制作员失业,怎样查看自己网站的注册者？  建站之星CMS五站合一模板配置与SEO优化指南  如何在IIS中新建站点并配置端口与IP地址？  网站插件制作软件免费下载,网页视频怎么下到本地插件？  建站主机是否等同于虚拟主机？  魔方云NAT建站如何实现端口转发？  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的？  宝塔建站助手安装配置与建站模板使用全流程解析  如何在云指建站中生成FTP站点？