我安装 npm install react-router-dom@6 并设置路由路径..

import React from "react";
import * as ReactDOM from "react-dom";
import { BrowserRouter, Switch, Route } from "react-router-dom";
import "./App.css";
import HeaderBar from "./components/HeaderBar/HeaderBar";
import SignIn from "./components/SignIn/SignIn";
import SignUp from "./components/SignUp/SignUp";

function App() {
  return (
    <div>
      <BrowserRouter>
        <HeaderBar />
        <Route path="/">
          <SignIn />
        </Route>
        <Route path="/signup">
          <SignUp />
        </Route>
      </BrowserRouter>
    </div>
  );
}

export default App;

预览无效。没有看到任何错误。为什么是..？请帮助我。

最佳答案

对于 react-router-dom@6，你需要使用 Routes 而不是 Switch。像这样:

<BrowserRouter>
    <Routes>
      <Route path="/" element={<App />}>
      </Route>
    </Routes>
  </BrowserRouter>

关于reactjs - react 路线不工作 | react 路由器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/71303779/