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 相关文章推荐
一个js封装的不错的选项卡效果代码
Feb 15 Javascript
js字符串的各种格式的转换 ToString,Format
Aug 08 Javascript
Javascript的常规数组和关联数组对比小结
May 24 Javascript
jQuery中hide()方法用法实例
Dec 24 Javascript
jquery实现浮动的侧栏实例
Jun 25 Javascript
JS获取屏幕高度的简单实现代码
May 24 Javascript
EasyUI中在表单提交之前进行验证
Jul 19 Javascript
Bootstrap table两种分页示例
Dec 23 Javascript
JavaScript中object和Object的区别(详解)
Feb 27 Javascript
微信小程序返回多级页面的实现方法
Oct 27 Javascript
JS基于ES6新特性async await进行异步处理操作示例
Feb 02 Javascript
小谈angular ng deploy的实现
Apr 07 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中常用编辑器推荐
2007/01/02 PHP
PHP中header和session_start前不能有输出原因分析
2013/01/11 PHP
解析PHP提交后跳转
2013/06/23 PHP
PHP implode()函数用法讲解
2019/03/08 PHP
javascript 进度条 实现代码
2009/07/30 Javascript
Node.js中的流(Stream)介绍
2015/03/30 Javascript
JavaScript中使用Object.prototype.toString判断是否为数组
2015/04/01 Javascript
JavaScript获取数组最小值和最大值的方法
2015/06/09 Javascript
Bootstrap中CSS的使用方法
2016/02/17 Javascript
JavaScript实战之带收放动画效果的导航菜单
2016/08/16 Javascript
vue.js移动端app实战1:初始配置详解
2017/07/24 Javascript
JS散列表碰撞处理、开链法、HashTable散列示例
2019/02/08 Javascript
微信小程序云开发之模拟后台增删改查
2019/05/16 Javascript
使用Vue 实现滑动验证码功能
2019/06/27 Javascript
vue路由守卫及路由守卫无限循环问题详析
2019/09/05 Javascript
Vue+Spring Boot简单用户登录(附Demo)
2020/11/12 Javascript
python基础教程之获取本机ip数据包示例
2014/02/10 Python
Python里隐藏的“禅”
2014/06/16 Python
python基于multiprocessing的多进程创建方法
2015/06/04 Python
Django框架中render_to_response()函数的使用方法
2015/07/16 Python
Python中getattr函数和hasattr函数作用详解
2016/06/14 Python
python 实现对文件夹中的图像连续重命名方法
2018/10/25 Python
对python同一个文件夹里面不同.py文件的交叉引用方法详解
2018/12/15 Python
如何实现Django Rest framework版本控制
2019/07/25 Python
Python实现多线程/多进程的TCP服务器
2019/09/03 Python
Python使用pymysql模块操作mysql增删改查实例分析
2019/12/19 Python
解决pytorch 保存模型遇到的问题
2021/03/03 Python
香港时尚女装购物网站:ZAFUL
2017/07/19 全球购物
匡威俄罗斯官网:Converse俄罗斯
2020/05/09 全球购物
师范毕业生求职自荐信
2013/09/25 职场文书
绘画专业自荐信范文
2014/02/23 职场文书
乔丹名人堂演讲稿
2014/05/24 职场文书
2014幼儿园中班工作总结
2014/11/10 职场文书
2014年党员发展工作总结
2014/12/02 职场文书
考研英语复习计划
2015/01/19 职场文书
公司门卫岗位职责
2015/04/13 职场文书