路由不工作 react-router-dom V6答案

【问题标题】：Routes is not working react-router-dom V6路由不工作 react-router-dom V6
【发布时间】：2022-08-02 23:19:23
【问题描述】：

我是 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;

RRv6 有重大变化。您必须修改您的代码才能使用新版本。我建议遵循他们的升级指南 - reactrouter.com/docs/en/v6/upgrading/v5
另外，为什么要安装 alpha 版本？您应该使用 v6 的稳定版本

标签： reactjs

【解决方案1】：

在反应路由器 v6 中，您必须使用元素支柱;

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

【讨论】：