JavaScript技巧中react-router实现跳转传值的方法示例

这篇文章主要给大家介绍了关于react-router实现跳转传值的相关资料，文中给出了详细的示例代码，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编一起来学习学习吧。

前言

本文主要给大家介绍了关于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技巧中react-router实现跳转传值的方法示例的详细内容。更多信息请关注PHP中文网其他相关文章！