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 相关文章推荐
深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
Apr 12 Javascript
javascript iframe中打开文件,并检测iframe存在否
Dec 28 Javascript
关于javascript function对象那些迷惑分析
Oct 24 Javascript
Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
Jul 09 Javascript
jquery 获取表单元素里面的值示例代码
Jul 28 Javascript
纯js写的分页表格数据为json串
Feb 18 Javascript
Angularjs全局变量被作用域监听的正确姿势
Feb 06 Javascript
vue组件发布到npm简单步骤
Nov 30 Javascript
使用JS获取SessionStorage的值
Jan 12 Javascript
在vue组件中使用axios的方法
Mar 16 Javascript
layui table动态表头 改变表格头部 重新加载表格的方法
Sep 21 Javascript
vue项目或网页上实现文字转换成语音播放功能
Jun 09 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中的boolean(布尔)类型详解
2013/10/28 PHP
Yii2使用swiftmailer发送邮件的方法
2016/05/03 PHP
PHP邮箱验证示例教程
2016/06/01 PHP
PHP入门教程之使用Mysqli操作数据库的方法(连接,查询,事务回滚等)
2016/09/11 PHP
传智播客学习之JavaScript基础篇
2009/11/13 Javascript
JS模拟自动点击的简单实例
2013/08/08 Javascript
JS实现金额转换(将输入的阿拉伯数字)转换成中文的实现代码
2013/09/30 Javascript
Javascript通过overflow控制列表闭合与展开的方法
2015/05/15 Javascript
jQuery实现的多级下拉菜单效果代码
2015/08/24 Javascript
实例讲解JavaScript中instanceof运算符的用法
2016/06/08 Javascript
Javascript typeof与instanceof的区别
2016/10/18 Javascript
预防网页挂马的方法总结
2016/11/03 Javascript
Bootstrap表单使用方法详解
2017/02/17 Javascript
深入浅析Nodejs的Http模块
2017/06/20 NodeJs
使用vue与jquery实时监听用户输入状态的操作代码
2017/09/19 jQuery
js生成word中图片处理方法
2018/01/06 Javascript
Vue仿今日头条实例详解
2018/02/06 Javascript
Vue-Router基础学习笔记(小结)
2018/10/15 Javascript
JavaScript实现shuffle数组洗牌操作示例
2019/01/03 Javascript
Vue拖拽组件列表实现动态页面配置功能
2019/06/17 Javascript
Nuxt v-bind绑定img src不显示的解决
2019/12/05 Javascript
[02:09]2018DOTA2亚洲邀请赛TNC赛前采访
2018/04/04 DOTA
python使用socket进行简单网络连接的方法
2015/04/29 Python
Python 数据可视化pyecharts的使用详解
2019/06/26 Python
详解Selenium+PhantomJS+python简单实现爬虫的功能
2019/07/14 Python
python try except返回异常的信息字符串代码实例
2019/08/15 Python
Python中如何添加自定义模块
2020/06/09 Python
html5嵌入内容_动力节点Java学院整理
2017/07/07 HTML / CSS
购买澳大利亚最好的服装和内衣在线:BONDS
2016/10/14 全球购物
经典优秀毕业生求职信范文分享
2013/12/18 职场文书
眼镜促销方案
2014/03/15 职场文书
气象学专业个人求职信
2014/04/22 职场文书
缓刑人员思想汇报
2014/10/11 职场文书
公司仓管员岗位职责
2015/04/01 职场文书
诚信考试主题班会
2015/08/17 职场文书
Golang 并发下的问题定位及解决方案
2022/03/16 Golang