反应路由器空白页

Question

我还在学习使用 react-router。我只是想知道为什么我的页面是空白的。

App.js :

import {
BrowserRouter as Router,
Routes,
Route
} from "react-router-dom";

export default function App() {
return (
  <Router>
    <Routes>
      <Route exact path="/" element={<MainPage/>}/>
    </Routes>
  </Router>
);
}

Answer 1

您必须从其路径导入 MainPage。

import MainPage from "layouts/pages/index";

像这样。

Answer 2

React Router v6 不再支持 exact 因为默认情况下所有路径都完全匹配

<Route path="/" element={<MainPage/>}/>

反应路由器空白页

React-Router Blank Page

reactjs

react-router-dom