我有eventData我需要從頁面 A 傳遞到 B 的內容。這是我的代碼:
function eCE(eventData) {
history.push({
pathname: '/ece',
state: eventData
})
})
此函式在按鈕單擊時觸發,因此它傳遞eventData給該函式。現在我需要發送eventData到下一頁,我可以通過呼叫/ece. 但是,我正在嘗試state像這樣抓取另一頁上的內容:
const { state } = this.props.location
console.log(state)
它不起作用,我得到的錯誤是:
TypeError: undefined has no properties
不知道在這里做什么。感謝幫助!
uj5u.com熱心網友回復:
在第 1 頁中:
import { useHistory } from "react-router-dom";
function page1(){
const history = useHistory();
const goToPage2 = () => {
history.push("/page2", { age: 18 });
}
return <button onClick={goToPage2}>Go To Page2</button>
}
在第 2 頁中:
import { useLocation } from "react-router-dom";
function page2(){
const location = useLocation();
return <div><p>{location.state.age}</p></div>
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/489422.html
標籤:javascript 反应 反应路由器
下一篇:為什么axios.get(url).data不起作用?(axiosGET請求和屬性訪問器;JavaScript)
