reactjs - 错误：[Home] 不是零件。的所有子组件必须是或者

Question

你好朋友我正在尝试创建自己的应用程序，但在将 react-router-dom 更新到 6.02 后遇到问题我收到此错误

错误：[Home] 不是 Route 组件。Routes 的所有子组件必须是 Route 或 <React.Fragment>

代码如下

import { BrowserRouter, Route, Routes } from "react-router-dom";
import Navbar from "./components/Navbar/Navbar";
import Home from "./pages/home/Home";
import Login from "./pages/login/Login";
import Signup from "./pages/signup/Signup";

function App() {
  return (
    <div className="App">
      <BrowserRouter>
          <Navbar />
          <Routes>
            <Route exact path="/">
              <Home />
            </Route>
            <Route path="/login">
              <Login />
            </Route>
            <Route path="/signup">
              <Signup />
            </Route>
          </Routes>
      </BrowserRouter>
    </div>
  );
}

export default App;

标签： reactjs

Answer 1

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

迁移到 v6