在'react-router-dom'中找不到反应错误'Switch'(作为"开关"导入)

Question

import './App.css';
import React from "react";
import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";
export default function App() {
return (
<Router>
<div>
<nav>
<ul>
<li>
<Link to="/">Home</Link>
</li>
</ul>
</nav>
<Switch>
<Route path="/login">
<Login />
</Route>
<Route path="/reset">
<PasswordReset />
</Route>
<Route path="/dashboard">
<Dashboard />
</Route>
<Route path="/">
<Home />
</Route>
</Switch>
</div>
</Router>
);
}
function Home() {
return <h2>Home</h2>;
}

嗨，我得到一个错误。这是我第一次运行react应用程序。'Switch'(导入为'Switch')在'react-router-dom'中找不到我试着输入路由器而不是交换机，它不被接受。我能做什么?谢谢。

Answer 1

你应该更新'react-router-dom通过'npm -i——save react-router-dom@6'来修改v6。接下来,. .router v6有新的语法，你应该使用Routes而不是切换到． 另外,路线包含路由的，并使用元素代替组件,例如:

<Routes>
<Route path='/'>
<SomeComponent />
</Route>

or
<Route path='/' element={<SomeComponent />} />
</Routes>