这篇文章主要为大家详细介绍了使用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)
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联建站。
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、建站服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
当前标题：使用react-router怎么实现一个跳转传值功能-创新互联
链接分享：
http://www.cdkjz.cn/article/cshics.html
