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中文網其他相關文章！