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 相关文章推荐
不使用中间变量,交换int型的 a, b两个变量的值。
Oct 29 Javascript
Textarea与懒惰渲染实现代码
Jan 04 Javascript
asm.js使用示例代码
Nov 28 Javascript
jQuery中bind,live,delegate与one方法的用法及区别解析
Dec 30 Javascript
Javascript学习笔记之 函数篇(三) : 闭包和引用
Nov 23 Javascript
jQuery实现ToolTip元素定位显示功能示例
Nov 23 Javascript
RequireJs的使用详解
Feb 19 Javascript
jQuery插件zTree实现的基本树与节点获取操作示例
Mar 08 Javascript
解决canvas画布使用fillRect()时高度出现双倍效果的问题
Aug 03 Javascript
ExtJs整合Echarts的示例代码
Feb 27 Javascript
vue 自定义右键样式的实例代码
Nov 06 Javascript
koa-passport实现本地验证的方法示例
Feb 20 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
php单件模式结合命令链模式使用说明
2008/09/07 PHP
php将文本文件转换csv输出的方法
2014/12/31 PHP
PHP串行化与反串行化实例分析
2016/12/27 PHP
PHP网站自动化配置的实现方法(必看)
2017/05/27 PHP
Yii框架视图、视图布局、视图数据块操作示例
2019/10/14 PHP
PHP用swoole+websocket和redis实现web一对一聊天
2019/11/05 PHP
深入理解PHP+Mysql分布式事务与解决方案
2020/12/03 PHP
浅谈javascript中createElement事件
2014/12/05 Javascript
jQuery学习笔记之2个小技巧
2015/01/19 Javascript
js淡入淡出的图片轮播效果代码分享
2015/08/24 Javascript
基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式
2015/10/28 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
2015/11/15 Javascript
jQuery遮罩层效果实例分析
2016/01/14 Javascript
angularjs中的$eval方法详解
2017/04/24 Javascript
前端页面文件拖拽上传模块js代码示例
2017/05/19 Javascript
JS简单获取并修改input文本框内容的方法示例
2018/04/08 Javascript
对angularJs中$sce服务安全显示html文本的实例
2018/09/30 Javascript
JavaScript学习笔记之图片库案例分析
2019/01/08 Javascript
实例分析编写vue组件方法
2019/02/12 Javascript
性能优化篇之Webpack构建速度优化的建议
2019/04/03 Javascript
javascript实现前端成语点击验证
2020/06/24 Javascript
[05:39]2014DOTA2西雅图国际邀请赛 淘汰赛7月14日TOPPLAY
2014/07/14 DOTA
[04:03]辉夜杯主赛事 12月25日RECAP精彩回顾
2015/12/26 DOTA
[47:02]2018DOTA2亚洲邀请赛3月29日 小组赛B组 VP VS paiN
2018/03/30 DOTA
[01:33]完美世界DOTA2联赛PWL S3 集锦第二期
2020/12/21 DOTA
python+opencv识别图片中的圆形
2020/03/25 Python
利用Python实现Excel的文件间的数据匹配功能
2020/06/16 Python
keras 自定义loss层+接受输入实例
2020/06/28 Python
html5实现图片转圈的动画效果——让页面动起来
2017/10/16 HTML / CSS
Dockers美国官方网站:卡其裤、男士服装、鞋及配件
2016/11/22 全球购物
英国最大的纸工艺品商店:CraftStash
2018/12/01 全球购物
学校法制宣传月活动总结
2014/07/03 职场文书
护士2014年终工作总结
2014/11/11 职场文书
入党积极分子培养人意见
2015/06/02 职场文书
歌咏比赛主持词
2015/06/29 职场文书
详解MongoDB排序时内存大小限制与创建索引的注意事项
2022/05/06 MongoDB