react-router实现跳转传值的方法示例


Posted in Javascript onMay 27, 2017

前言

本文主要给大家介绍了关于react-router跳转传值的相关内容,分享出来供大家参考学习,下面来一起看看详细的介绍:

react-router跳转传值

1.引入包

import {hashHistory} from ‘React-router'

2.跳转传值

handleClick = (value) => {
  hashHistory.push({
   pathname: 'message/detailMessage',
   query: {
    title:value.title,
    time:value.time,
    text:value.text
   },
  })
 }

3.接收值

console.info(this.props.location.query.title)
console.info(this.props.location.query.time)
console.info(this.props.location.query.text)

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
cnblogs 代码高亮显示后的代码复制问题解决实现代码
Dec 14 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
May 28 Javascript
js控住DOM实现发布微博效果
Aug 30 Javascript
根据输入邮箱号跳转到相应登录地址的解决方法
Dec 13 Javascript
jQuery EasyUI 页面加载等待及页面等待层
Feb 06 Javascript
微信小程序手势操作之单触摸点与多触摸点
Mar 10 Javascript
angularJs使用$watch和$filter过滤器制作搜索筛选实例
Jun 01 Javascript
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
Jul 22 jQuery
tween.js缓动补间动画算法示例
Feb 13 Javascript
JS同步、异步、延迟加载的方法
May 05 Javascript
node.js处理前端提交的GET请求
Aug 30 Javascript
vue-cli3自动消除console.log()的调试信息方式
Oct 21 Javascript
简单实现JavaScript弹幕效果
Aug 27 #Javascript
Node.js中多进程模块Cluster的介绍与使用
May 27 #Javascript
详解webpack打包vue时提取css
May 26 #Javascript
jQuery插件imgAreaSelect基础讲解
May 26 #jQuery
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
May 26 #jQuery
Angular2 之 路由与导航详细介绍
May 26 #Javascript
Agularjs妙用双向数据绑定实现手风琴效果
May 26 #Javascript
You might like
防止MySQL注入或HTML表单滥用的PHP程序
2009/01/21 PHP
新浪微博OAuth认证和储存的主要过程详解
2015/03/27 PHP
PHP7扩展开发之基于函数方式使用lib库的方法详解
2018/01/15 PHP
JavaScript中的事件处理
2008/01/16 Javascript
Jquery实现textarea根据文本内容自适应高度
2015/04/03 Javascript
原生js和jquery实现图片轮播淡入淡出效果
2015/04/23 Javascript
jquery实现的用户注册表单提示操作效果代码分享
2015/08/28 Javascript
分享10个优化代码的CSS和JavaScript工具
2016/05/11 Javascript
原生js简单实现放大镜特效
2017/05/16 Javascript
nodejs实现截取上传视频中一帧作为预览图片
2017/12/10 NodeJs
Vue利用History记录上一页面的数据方法实例
2018/11/02 Javascript
解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题
2020/07/27 Javascript
[38:23]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第一场
2014/05/24 DOTA
Python实现的几个常用排序算法实例
2014/06/16 Python
python打开网页和暂停实例
2014/09/30 Python
详解Python中的文本处理
2015/04/11 Python
利用aardio给python编写图形界面
2017/08/21 Python
Python访问MongoDB,并且转换成Dataframe的方法
2018/10/15 Python
python3.6数独问题的解决
2019/01/21 Python
Python分支语句与循环语句应用实例分析
2019/05/07 Python
简单了解Python3里的一些新特性
2019/07/13 Python
纯python进行矩阵的相乘运算的方法示例
2019/07/17 Python
Python3实现mysql连接和数据框的形成(实例代码)
2020/01/17 Python
PyCharm License Activation激活码失效问题的解决方法(图文详解)
2020/03/12 Python
CSS3的column-fill属性对齐列内容高度的用法详解
2016/07/01 HTML / CSS
程序设计HTML5 Canvas API
2013/04/08 HTML / CSS
全球度假村:Club Med
2017/11/27 全球购物
手工制作的男士奢华英国鞋和服装之家:Goodwin Smith
2019/06/21 全球购物
Strathberry苏贝瑞中国官网:西班牙高级工匠手工打造
2020/10/19 全球购物
会计电算化个人自我评价
2013/11/17 职场文书
公司活动方案范文
2014/03/06 职场文书
团委副书记工作总结
2015/08/14 职场文书
街道办残联2016年助残日活动总结
2016/04/01 职场文书
oracle删除超过N天数据脚本的方法
2022/02/28 Oracle
Windows Server 2008配置防火墙策略详解
2022/06/28 Servers
pytorch实现加载保存查看checkpoint文件
2022/07/15 Python