react-router實現(xiàn)跳轉(zhuǎn)傳值的方法示例
更新時間：2017年05月27日 09:06:35 作者：大灰狼的小綿羊哥哥
這篇文章主要給大家介紹了關于react-router實現(xiàn)跳轉(zhuǎn)傳值的相關資料，文中給出了詳細的示例代碼，對大家具有一定的參考學習價值，需要的朋友們下面跟著小編一起來學習學習吧。
前言
本文主要給大家介紹了關于react-router跳轉(zhuǎn)傳值的相關內(nèi)容，分享出來供大家參考學習，下面來一起看看詳細的介紹：
react-router跳轉(zhuǎn)傳值
1.引入包
import {hashHistory} from ‘React-router'
2.跳轉(zhuǎn)傳值
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)
總結
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關文章
react+redux的升級版todoList的實現(xiàn)
本篇文章主要介紹了react+redux的升級版todoList的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
Redux 是React最常用的集中狀態(tài)管理工具,本文主要介紹了React狀態(tài)管理的簡明指南,具有一定的參考價值,感興趣的可以了解一下2024-01-01
React Native使你能夠在Javascript和React的基礎上獲得完全一致的開發(fā)體驗，構建世界一流的原生APP。接下來通過本文給大家分享React Native項目框架搭建的一些心得體會，感興趣的朋友跟隨小編一起看看吧2021-05-05
這篇文章主要介紹了使用React?Router?v6?進行身份驗證完全指南,本文將演示如何使用React?Router?v6創(chuàng)建受保護的路由以及如何添加身份驗證，需要的朋友可以參考下2022-05-05
這篇文章主要介紹了react中的渲染機制以及相關的優(yōu)化方案，內(nèi)容包括react渲染步驟、concurrent機制以及產(chǎn)生作用的機會，簡單模擬實現(xiàn) concurrent mode，基于作業(yè)調(diào)度優(yōu)先級的思路進行項目優(yōu)化的兩個hooks，感興趣的小伙伴跟著小編一起來看看吧2023-07-07
react-redux action傳參及多個state處理的實現(xiàn)
本文主要介紹了react-redux action傳參及多個state處理的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-07-07
這篇文章主要介紹了react中定義變量并使用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-02-02
高階組件（Higher-Order?Component,HOC）是一種用于在?React?中復用組件邏輯的技術,這篇文章主要介紹了React常見的?HOC?使用案例示例代碼,需要的朋友可以參考下2024-08-08
React中使用react-player 播放視頻或直播的方法
這篇文章主要介紹了React中使用react-player 播放視頻或直播，本文教大家如何使用react框架及創(chuàng)建實例的代碼,本文內(nèi)容簡短給大家介紹的非常詳細，需要的朋友可以參考下2022-01-01
什么是re-render（重新渲染）？哪些是必要的re-render？哪些是非必要的re-render？如果你對這些問題還不是很明白，那么可以在這篇文章中找到答案2022-11-11