react-router實現(xiàn)跳轉(zhuǎn)傳值的方法示例
更新時間：2017年05月27日 09:06:35 作者：大灰狼的小綿羊哥哥
這篇文章主要給大家介紹了關(guān)于react-router實現(xiàn)跳轉(zhuǎn)傳值的相關(guān)資料，文中給出了詳細的示例代碼，對大家具有一定的參考學習價值，需要的朋友們下面跟著小編一起來學習學習吧。
前言
本文主要給大家介紹了關(guān)于react-router跳轉(zhuǎn)傳值的相關(guā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)
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關(guān)文章
本篇文章主要介紹了手動用webpack搭第一個 ReactApp的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
React組件分為函數(shù)組件與class組件；函數(shù)組件是無狀態(tài)組件，class稱為類組件；函數(shù)組件只有props，沒有自己的私有數(shù)據(jù)和生命周期函數(shù)；class組件有自己私有數(shù)據(jù)(this.state)和生命周期函數(shù)2022-11-11
這篇文章主要介紹了React.Children的用法詳解，幫助大家更好的理解和學習使用React框架，感興趣的朋友可以了解下2021-04-04
這篇文章主要介紹了淺談從React渲染流程分析Diff算法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
很多小伙伴在第一次嘗試封裝組件時會和我一樣碰到許多問題，本文主要介紹了基于React封裝組件的實現(xiàn)步驟，感興趣的可以了解一下2021-11-11
React?Hooks中?useRef和useImperativeHandle的使用方式
這篇文章主要介紹了React?Hooks中?useRef和useImperativeHandle的使用方式,文中說明了useRef和useCallback一起使用,?可以解決閉包陷阱的問題,本文結(jié)合實例代碼介紹的非常詳細,需要的朋友可以參考下2023-10-10
React?Hooks之useDeferredValue鉤子用法示例詳解
useDeferredValue鉤子的主要目的是在React的并發(fā)模式中提供更流暢的用戶體驗,特別是在有高優(yōu)先級和低優(yōu)先級更新的情況下,本文主要講解一些常見的使用場景及其示例2023-09-09
React組件中使用JSON數(shù)據(jù)文件的方法詳解
要在 React 組件中使用 JSON 數(shù)據(jù),有多種方法,這篇文章主要為大家詳細介紹了五個常見的方法,文中的示例代碼講解詳細,有需要的小伙伴可以了解下2024-01-01
這篇文章主要介紹了十分鐘帶你快速了解React16新特性,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
在React中使用Antd上傳并讀取Excel文件的詳細步驟
在React中使用Antd組件庫來上傳并讀取Excel文件,可以結(jié)合antd的Upload組件和xlsx庫來實現(xiàn),以下是一個詳細的步驟和示例代碼,展示如何在React應用中實現(xiàn)這一功能,感興趣的小伙伴跟著小編一起來看看吧2025-01-01