小编TF *_*zen的帖子

我有一个react + django + webpack的项目。我在我的上定义了路线App.js

<NavBar />
<Router>
  <Routes>
    <Route exact path="/" element={<Home />} />
    <Route path="/about" element={<About />} />
  </Routes>
</Router>

Links我在我的组件中定义NavBar.js：

import React from "react";
import { Link } from "react-router-dom";

export default function NavBar() {
  return (
    <nav>
      <Link to="/">Home</Link>
      <Link to="/about">About</Link>
    </nav>
  );
}

如果我Link在其中使用App.js它可以正常工作，但是当我在组件中使用它时NavBar.js我会收到此错误：

网络包配置：

<NavBar />
<Router>
  <Routes>
    <Route exact path="/" element={<Home />} />
    <Route path="/about" element={<About />} />
  </Routes>
</Router>

我Switch也尝试使用，但它只能使用超链接 …