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 相关文章推荐
使用prototype.js进行异步操作
Feb 07 Javascript
JQuery从头学起第一讲
Jul 04 Javascript
Jquery+ajax请求data显示在GridView上(asp.net)
Aug 27 Javascript
js+数组实现网页上显示时间/星期几的实用方法
Jan 18 Javascript
JQuery工具函数汇总
Jun 15 Javascript
jquery实现简单的遮罩层
Jan 08 Javascript
Bootstrap模仿起筷首页效果
May 09 Javascript
浅谈jquery页面初始化的4种方式
Nov 27 Javascript
Angular 4.X开发实践中的踩坑小结
Jul 04 Javascript
vue中如何使用ztree
Feb 06 Javascript
小程序实现长按保存图片的方法
Dec 31 Javascript
详解JavaScript 事件流
Sep 02 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+MYSQL 出现乱码的解决方法
2008/08/08 PHP
zend framework多模块多布局配置
2011/02/26 PHP
PHP调用wsdl文件类型的接口代码分享
2014/11/19 PHP
ThinkPHP中自定义错误页面和提示页面实例
2014/11/22 PHP
避免Smarty与CSS语法冲突的方法
2015/03/02 PHP
PHP基于yii框架实现生成ICO图标
2015/11/13 PHP
js自执行函数的几种不同写法的比较
2012/08/16 Javascript
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
2015/04/22 Javascript
JavaScript 巧学巧用
2017/05/23 Javascript
Bootstrap + AngularJS 实现简单的数据过滤字符查找功能
2017/07/27 Javascript
angular+ionic返回上一页并刷新页面
2017/08/08 Javascript
Vue入门之数量加减运算操作示例
2018/12/11 Javascript
微信小程序实现的canvas合成图片功能示例
2019/05/03 Javascript
小程序绑定用户方案优化小结
2019/05/15 Javascript
package.json配置文件构成详解
2019/08/27 Javascript
Vue数字输入框组件的使用方法
2019/10/19 Javascript
python爬虫教程之爬取百度贴吧并下载的示例
2014/03/07 Python
Python爬取三国演义的实现方法
2016/09/12 Python
python getopt详解及简单实例
2016/12/30 Python
pygame 精灵的行走及二段跳的实现方法(必看篇)
2017/07/10 Python
python利用paramiko连接远程服务器执行命令的方法
2017/10/16 Python
pandas.dataframe中根据条件获取元素所在的位置方法(索引)
2018/06/07 Python
flask框架使用orm连接数据库的方法示例
2018/07/16 Python
python3实现名片管理系统
2020/11/29 Python
python迭代器常见用法实例分析
2019/11/22 Python
python通过matplotlib生成复合饼图
2020/02/06 Python
利用python如何实现猫捉老鼠小游戏
2020/12/04 Python
python中Pexpect的工作流程实例讲解
2021/03/02 Python
html5的websockets全双工通信详解学习示例
2014/02/26 HTML / CSS
德国原装品牌香水、化妆品和手表网站:BRASTY.DE
2016/10/16 全球购物
美国在线鲜花速递:ProFlowers
2017/01/05 全球购物
美国汽车性能部件和赛车零件网站:Vivid Racing
2018/03/27 全球购物
程序集与命名空间有什么不同
2014/07/25 面试题
协议书怎么写
2014/04/21 职场文书
公司员工活动策划方案
2014/08/20 职场文书
村安全生产责任书
2014/08/25 职场文书