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 相关文章推荐
JavaScript Event事件学习第一章 Event介绍
Feb 07 Javascript
提高javascript效率 一次判断,而不要次次判断
Mar 30 Javascript
jquery实现图片渐变切换兼容ie6/Chrome/Firefox
Aug 02 Javascript
jQuery1.9.1针对checkbox的调整方法(prop)
May 01 Javascript
js实现文字在按钮上滚动的方法
Aug 20 Javascript
全国省市二级联动下拉菜单 js版
May 10 Javascript
jQuery文本框得到与失去焦点动态改变样式效果
Sep 08 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
Jun 08 Javascript
基于JS对象创建常用方式及原理分析
Jun 28 Javascript
vue与vue-i18n结合实现后台数据的多语言切换方法
Mar 08 Javascript
puppeteer实现html截图的示例代码
Jan 10 Javascript
Javascript中window.name属性详解
Nov 19 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
造就帕卡马拉的帕卡斯是怎么被发现的
2021/03/03 咖啡文化
PHP生成带有雪花背景的验证码
2006/10/09 PHP
PHP中多维数组的foreach遍历示例
2014/06/13 PHP
PHP isset empty函数相关面试题及解析
2020/12/11 PHP
非常好用的JsonToString 方法 简单实例
2013/07/18 Javascript
javascript计算当月剩余天数(天数计算器)示例代码
2014/01/09 Javascript
什么是 AngularJS?AngularJS简介
2014/12/06 Javascript
javascript文本框内输入文字倒计数的方法
2015/02/24 Javascript
JavaScript中Date对象的常用方法示例
2015/10/24 Javascript
正则表达式优化JSON字符串的技巧
2015/12/24 Javascript
为什么JavaScript没有块级作用域
2016/05/22 Javascript
手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现
2016/08/25 Javascript
JavaScript学习笔记整理_关于表达式和语句
2016/09/19 Javascript
详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
2017/02/17 Javascript
简单的网页广告特效实例
2017/08/19 Javascript
Vue实现带进度条的文件拖动上传功能
2018/02/23 Javascript
JavaScript中利用Array filter() 方法压缩稀疏数组
2018/02/24 Javascript
vue调试工具vue-devtools安装及使用方法
2018/11/07 Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
2019/05/14 Javascript
详解vue父子组件关于模态框状态的绑定方案
2019/06/05 Javascript
vue路由插件之vue-route
2019/06/13 Javascript
微信小程序中的上拉、下拉菜单功能
2020/03/13 Javascript
Python自动连接ssh的方法
2015/03/07 Python
简单介绍Python2.x版本中的cmp()方法的使用
2015/05/20 Python
Python数据结构之单链表详解
2017/09/12 Python
浅谈python装饰器探究与参数的领取
2017/12/01 Python
python批量导入数据进Elasticsearch的实例
2018/05/30 Python
python numpy 显示图像阵列的实例
2018/07/02 Python
Html5游戏开发之乒乓Ping Pong游戏示例(三)
2013/01/21 HTML / CSS
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
2013/07/19 HTML / CSS
俄罗斯眼镜网: optikaworld
2016/07/31 全球购物
Lookfantastic台湾:英国彩妆美发保养购物网
2018/03/26 全球购物
Audible英国:有声读物,30天免费试用
2019/10/16 全球购物
TCP/IP模型的分界线
2012/12/01 面试题
2014教师党员个人自我评议
2014/09/20 职场文书
社区义诊通知
2015/04/24 职场文书