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实现的网页颜色代码表全集
Jul 17 Javascript
javascript类型转换使用方法
Feb 08 Javascript
Bootstrap每天必学之模态框(Modal)插件
Apr 26 Javascript
多种jQuery绑定事件的实现方式
Jun 13 Javascript
jQuery插件实现图片轮播特效
Jun 16 Javascript
BootStrapValidator校验方式
Dec 19 Javascript
JS switch判断 三目运算 while 及 属性操作代码
Sep 03 Javascript
关于js对textarea换行符的处理方法浅析
Aug 03 Javascript
vue中使用rem布局代码详解
Oct 30 Javascript
vue使用nprogress实现进度条
Dec 09 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
Jul 21 Javascript
深入浅析React中diff算法
May 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
PHP 出现乱码和Sessions验证问题的解决方法!
2008/12/06 PHP
php 数组排序 array_multisort与uasort的区别
2011/03/24 PHP
php使用cookie保存用户登录的用户名实例
2015/01/26 PHP
浅谈PHP接收POST数据方式
2015/06/05 PHP
PHP读MYSQL中文乱码的快速解决方法
2016/10/01 PHP
ThinkPHP开发--使用七牛云储存
2017/09/14 PHP
php实现的表单验证类完整示例
2019/08/13 PHP
海量经典的jQuery插件集合
2010/01/12 Javascript
jQuery ajax BUG:object doesn't support this property or method
2010/07/06 Javascript
不同的jQuery API来处理不同的浏览器事件
2012/12/09 Javascript
JQuery中根据属性或属性值获得元素(6种情况获取方法)
2013/01/17 Javascript
window.open关于浏览器拦截问题分析及解决方法
2013/02/05 Javascript
jquery修改属性值实例代码(设置属性值)
2014/01/06 Javascript
jquery分页对象使用示例
2014/04/01 Javascript
控制台报错object is not a function的解决方法
2014/08/24 Javascript
JavaScript设计模式之代理模式介绍
2014/12/28 Javascript
Jquery日历插件制作简单日历
2015/10/28 Javascript
AngularJS基础 ng-cut 指令介绍及简单示例
2016/08/01 Javascript
极力推荐10个短小实用的JavaScript代码段
2016/08/03 Javascript
微信小程序  audio音频播放详解及实例
2016/11/02 Javascript
ReactJS实现表单的单选多选和反选的示例
2017/10/13 Javascript
webpack4 SCSS提取和懒加载的示例
2018/09/03 Javascript
vue改变循环遍历后的数据实例
2019/11/07 Javascript
基于javascript实现放大镜特效
2020/12/03 Javascript
原生jQuery实现只显示年份下拉框
2020/12/24 jQuery
python批量修改文件后缀示例代码分享
2013/12/24 Python
手把手教你如何安装Pycharm(详细图文教程)
2018/11/28 Python
python3 pygame实现接小球游戏
2019/05/14 Python
把JSON数据格式转换为Python的类对象方法详解(两种方法)
2019/06/04 Python
python3实现弹弹球小游戏
2019/11/25 Python
世界上最大的各式箱包网络零售店:eBag
2016/07/21 全球购物
20世纪40年代连衣裙和复古服装:The Seamstress Of Bloomsbury
2018/07/24 全球购物
日期和时间问题
2015/01/04 面试题
数控技术专科生自我评价
2014/01/08 职场文书
初中生自我评价
2014/02/01 职场文书
Vue.js中v-for指令的用法介绍
2022/03/13 Vue.js