路由不工作 react-router-dom V6

Question

我是 npm install react-router-dom@6.0.0-alpha.2 但不工作这条路线不工作帮助....

import './App.css';
import { Route, Routes } from 'react-router-dom';
import login from './pages/login';

function App() {
  return (
    <Routes>
      <Route exact path="/">
          dashboard
        </Route> 
      <Route exact path="/login" component={login}/>
      <Route path="*" render={() => "404 Not found!"}/>
    </Routes>
  );
}

export default App;

Answer 1

在 react router v6 中，您必须使用element prop，我猜您正在使用<BrowserRouter>将应用程序包装在index.js中，如果它是一个组件，则login应该是大写字母，例如 react router v6 不支持Login和精确

    import './App.css';
    import { Routes, Route } from 'react-router-dom';
    import login from './pages/login';
    
    function App() {
      return (
        <Routes>
          <Route path="/" element={<h1>Dashboard</h1>}/>
          <Route path="/login" element={<login/>}/>
          <Route path="*" element={<h1>404 Not found!</h1>}/>
        </Routes>
      );
    }
 
    export default App;