我無法導航到結帳頁面。每當我單擊應用程式中的籃子圖示時，我可以看到 URL 正在更改但頁面沒有更改，我總是必須重繪 頁面才能進行導航，我不知道為什么。
這是我的 App.js 代碼：
import React from "react";
import './App.css';
import Header from './Header';
import Home from "./Home";
import { BrowserRouter as Router, Switch, Route}
from "react-router-dom";
import Checkout from "./Checkout";
function App() {
return (
// BEM
<Router>
<div className="app">
<Switch>
<Route path="/checkout">
<Header />
<h1>in checkout</h1>
</Route>
<Route path="/">
<Header />
<Home />
</Route>
</Switch>
</div>
</Router>
);
}
export default App;
我正在使用這些版本的反應：
"react-dom": "^18.2.0",
"react-router": "^6.4.2",
"react-router-dom": "^5.2.0",
我嘗試更改反應路由器的版本，但它仍然無法正常作業。
uj5u.com熱心網友回復：
您在和 之間以及react-router和react-router-dom之間有沖突的版本。react-router-domreact
卸載react-router，因為它與您正在使用的代碼不兼容，并且已經react-router-dom重新匯出所有.react-router
npm un -s react-router
然后至少 [email protected]安裝，以便路由器/路由可以正常作業以及您可能將應用程式渲染到的react@18任何組件。React.StrictMode
npm i -s react-router-dom@5
請參閱我在此處關于react@18.5.3.3 版本和react-router-dom.
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/529335.html
上一篇：如何通過React在SelectDropdown上添加onClick()
下一篇：使用批處理編輯txt檔案中的內容