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对象弹出一个层
Mar 26 Javascript
老鱼 浅谈javascript面向对象编程
Mar 04 Javascript
Jquery Ajax学习实例3 向WebService发出请求,调用方法返回数据
Mar 16 Javascript
一行代码告别document.getElementById
Jun 01 Javascript
JavaScript子窗口ModalDialog中操作父窗口对像
Dec 11 Javascript
简单时间提示DEMO从0开始一直进行计时
Nov 19 Javascript
jQuery实现不断闪烁文字的方法
May 15 Javascript
JavaScript注册时密码强度校验代码
Jun 30 Javascript
微信小程序位置授权处理方法
Jun 13 Javascript
VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法
Apr 17 Javascript
解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)
Jul 20 Javascript
node koa2 ssr项目搭建的方法步骤
Dec 11 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代码
2012/07/14 PHP
php session 写入数据库
2016/02/13 PHP
关于laravel-admin ueditor 集成并解决刷新的问题
2019/10/21 PHP
教你如何解密js/vbs/vbscript加密的编码异处理小结
2008/06/25 Javascript
IE之动态添加DOM节点触发window.resize事件
2010/07/27 Javascript
在js文件中如何获取basePath处理js路径问题
2013/07/10 Javascript
jQuery控制iFrame(实例代码)
2013/11/19 Javascript
jquery选择器之内容过滤选择器详解
2014/01/27 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
2016/08/17 Javascript
简单理解vue中el、template、replace元素
2016/10/27 Javascript
深入理解vue.js双向绑定的实现原理
2016/12/05 Javascript
jQuery密码强度验证控件使用详解
2017/01/05 Javascript
es6的数字处理的方法(5个)
2017/03/16 Javascript
基于javaScript的this指向总结
2017/07/22 Javascript
教你5分钟学会用requirejs(必看篇)
2017/07/25 Javascript
vue项目打包部署到服务器的方法示例
2018/08/27 Javascript
JS实现点击发送验证码 xx秒后重新发送功能
2019/07/30 Javascript
js实现随机圆与矩形功能
2020/10/29 Javascript
[00:37]食人魔魔法师轮盘吉兆顺应全新至宝将拥有额外款式
2019/12/19 DOTA
Python实现将Excel转换为json的方法示例
2017/08/05 Python
Python实战购物车项目的实现参考
2019/02/20 Python
python实现名片管理系统项目
2019/04/26 Python
深入浅析python变量加逗号,的含义
2020/02/22 Python
Python实现爬取并分析电商评论
2020/06/19 Python
从零开始的TensorFlow+VScode开发环境搭建的步骤(图文)
2020/08/31 Python
css图标制作教程制作云图标
2014/01/19 HTML / CSS
CSS3中:nth-child和:nth-of-type的区别深入理解
2014/03/10 HTML / CSS
中国网上药店领导者:1药网
2017/02/16 全球购物
希腊品牌鞋类销售网站:epapoutsia.gr
2020/03/18 全球购物
销售高级职员求职信
2013/10/29 职场文书
11月红领巾广播稿
2014/01/17 职场文书
小班开学寄语
2014/04/04 职场文书
公司感恩节活动策划书
2014/10/11 职场文书
2016暑期政治学习心得体会
2016/01/23 职场文书
详解JSON.parse和JSON.stringify用法
2022/02/18 Javascript
Java8 CompletableFuture 异步回调
2022/04/28 Java/Android