我在 app.js 組件中使用 history.push('/pathname') 時遇到了這個問題。我的要求是我必須在 app.js 組件中定義的 onclick 處理程式中使用這個 history.push，然后通過 props 將其發送到按鈕組件。我無法找出此錯誤的解決方案。（按鈕組件是 AppointmentNextBtn）。請指導我。
import { useHistory } from "react-router-dom";
function App(){
const history = useHistory();
const onClickNextDateHandler = () => {
history.push("/selectlocation/appointment/selectdate");
console.log("date button runs");
setNextBtnState("time");
};
return(
<Route exact path="/selectlocation/appointment">
<Toappointmentcontainer
postAppointmentRequest={postRequestAppointment}
/>
<div className="btnwidget">
<AppointmentNextBtn
onClickDateHandler={onClickNextDateHandler}
displayState={nextBtnState}
text="Next"
button="button"
/>
</div>
</Route>
)
}
uj5u.com熱心網友回復：
您不能在宣告路線的同一檔案中使用歷史記錄。在這種情況下，歷史物件將始終不可用。最好的方法是直接在約會NextBtn中進行。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/338069.html
標籤：javascript 反应 路线 历史
上一篇：如何使用反應在頁面上顯示擊鍵