对象无效,因为使用React router dom时显示React子错误

所以,我使用的是react路由器dom v6,当我定义所有路由时,我得到了一个错误,说:

对象作为React子对象无效(找到:[object Promise])。如果要渲染子对象的集合,请改用数组。

我的react路由器dom版本是6.14.0。我使用的代码与我在以前的项目中使用的代码完全相同。我使用react router dom的最后一个项目的版本是6.11.2。

我已初始化 BrowserRouter 在文件中 index.js 像这样:

import App from "./App";
import { BrowserRouter } from "react-router-dom";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <React.StrictMode>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </React.StrictMode>
);

我正在初始化所有的路由,如下所示:

import Navbar from "./components/Navbar";
import Home from "./components/Home";
import { Routes, Route } from "react-router-dom";
import AddAPost from "./components/AddAPost";
import Login from "./components/Login";
import Register from "./components/Register";
import Post from "./components/Post";

function App() {
  return (
    <div className="app">
      <Navbar />
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/addapost" element={<AddAPost />} />
        <Route path="/login" element={<Login />} />
        <Route path="/register" element={<Register />} />
        <Route path="/posts:postid" element={<Post />} />
      </Routes>
    </div>
  );
}

我还阅读了react router dom的文档,与他们的代码相比,一切似乎都很好。