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 相关文章推荐
DLL+ ActiveX控件+WEB页面调用例子
Aug 07 Javascript
快速排序 php与javascript的不同之处
Feb 22 Javascript
jquery异步调用页面后台方法‏(asp.net)
Mar 01 Javascript
JavaScript打开word文档的实现代码(c#)
Apr 16 Javascript
JavaScript弹出对话框的三种方式
Mar 23 Javascript
关于RequireJS的简单介绍即使用方法
Oct 20 Javascript
BootStrap实现带有增删改查功能的表格(DEMO详解)
Oct 26 Javascript
浅谈javascript中遇到的字符串对象处理
Nov 18 Javascript
获取select的value、text值的简单示例(jquery与javascript)
Dec 07 Javascript
webpack入门必知必会
Jan 16 Javascript
NW.js 简介与使用方法
Feb 01 Javascript
JavaScript实现简单计时器
Jun 22 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函数代码
2013/08/29 PHP
PHP生成自定义长度随机字符串的函数分享
2014/05/04 PHP
PHP使用ffmpeg给视频增加字幕显示的方法
2015/03/12 PHP
php实现基于pdo的事务处理方法示例
2017/07/21 PHP
PHP7导出Excel报ERR_EMPTY_RESPONSE解决方法
2019/04/16 PHP
PHP设计模式之数据访问对象模式(DAO)原理与用法实例分析
2019/12/12 PHP
再谈ie和firefox下的document.all属性
2009/10/21 Javascript
jQuery checkbox全选/取消全选实现代码
2009/11/14 Javascript
jquery实用代码片段集合
2010/08/12 Javascript
Extjs NumberField后面加单位实现思路
2013/07/30 Javascript
js中关于一个分号的崩溃示例
2013/11/11 Javascript
javascript实现多级联动下拉菜单的方法
2015/02/06 Javascript
js实现格式化金额,字符,时间的方法
2015/02/26 Javascript
JQuery显示隐藏DIV的方法及代码实例
2015/04/16 Javascript
jQuery的bind()方法使用详解
2015/07/15 Javascript
Jquery数字上下滚动动态切换插件
2015/08/08 Javascript
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
2017/05/20 jQuery
Vue CLI3基础学习之pages构建多页应用
2019/06/02 Javascript
node crawler如何添加promise支持
2020/02/01 Javascript
bootstrapValidator表单校验、更改状态、新增、移除校验字段的实例代码
2020/05/19 Javascript
在webstorm中配置less的方法详解
2020/09/25 Javascript
跟老齐学Python之通过Python连接数据库
2014/10/28 Python
关于python 跨域处理方式详解
2020/03/28 Python
CSS3 倾斜的网页图片库实例教程
2009/11/14 HTML / CSS
css3进阶之less实现星空动画的示例代码
2019/09/10 HTML / CSS
Larsson & Jennings官网:现代瑞士钟表匠
2018/03/20 全球购物
Rodd & Gunn澳大利亚官网:新西兰男装品牌
2018/09/25 全球购物
大学生优秀的自我评价分享
2013/10/22 职场文书
幼儿园教师教育感言
2014/02/28 职场文书
食品安全工作方案
2014/05/07 职场文书
企业理念标语
2014/06/09 职场文书
开学典礼观后感
2015/06/15 职场文书
电工生产实习心得体会
2016/01/22 职场文书
Python快速实现一键抠图功能的全过程
2021/06/29 Python
Python中 range | np.arange | np.linspace三者的区别
2022/03/22 Python
windows安装 redis 6.2.6最新步骤详解
2022/04/26 Redis