我了解到，在新發布的 react 包之后，react-router-dom 中的標簽不再起作用，所以我在網上進行了幾次研究后改為“Routes”，但仍然無法正常作業。下面是我電腦的截圖。
這也是代碼
import React from 'react';
import Navbar from './components/Navbar'
import {BrowserRouter as Router, Routes, Route} from 'react-router-dom';
import './App.css';
import Home from './components/pages/Home';
import Services from './components/pages/Services';
import Products from './components/pages/Products';
import SignUp from './components/pages/SignUp';
function App(){
return (
<>
<Router>
<Navbar />
<Routes>
<Route exact path="/" component={Home} />
<Route path="/services" component={Services} />
<Route path="/products" component={Products} />
<Route path="/sign-up" component={SignUp} />
</Routes>
</Router>
</>
);
}
export default App;
//<HeroSection />
//import HeroSection from './components/HeroSection';uj5u.com熱心網友回復：
在新版本的 react-router-dom 上，這應該可以作業。核實。
<Routes>
<Route path="/" element={<Home />} />
<Route path="/services" element={<Services />} />
<Route path="/products" element={<Products />} />
<Route path="/sign-up" element={<SignUp />} />
</Routes>
請粘貼您的錯誤。會有另一個問題
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/407921.html
標籤：