修复“‘Switch’ is not exported from ‘react-router-dom'” 错误的一种方法是将<Switch>替换为<Routes>。 让我们来看一个示例,看看如何将路由代码从 React Router 版本 5 中已废弃的<Switch>组件更新为 React Router 版本 6 中的新<Routes>组件。 在React Router 版本 5 中: import{BrowserRouterasRouter...
然后再新建一个路由组件,命名为“Router.js”,并编写如下代码: import React from 'react'; import {HashRouter, Route, Switch} from 'react-router-dom'; import Home from '../home'; import Detail from '../detail'; const BasicRoute = () => ( <HashRouter> <Switch> <Route exact path="/"...
报如下错,查react-router-dom版本。 因为:react-router-dom从V5升级到V6造成的 (1) 将Switch 重命名为 Routes (2) Route 的新特性变更 ,component/render被element替代 (3)嵌套路由变得更简单
自动添加的却是 react-router-dom的6.0.2的包,版本的升级导致出现了 ‘Switch‘ is not exported from ‘react-router-dom‘ Switch 在新的版本中,不能用了 说是变成了Routes,于是我把代码这样调整: import React from 'react' import { BrowserRouter as Router,Route,Routes} from 'react-router-dom'; imp...
<Router> <Switch> <HomePage> <Switch> <ErrorBoundary> <Route exact path={'/'} component={InfoShow} /> </ErrorBoundary> </Switch> </HomePage> <CompanyHome> <Switch> <ErrorBoundary> <Route path={ '/companyHome/companyBaseInfo'} component={CompanyBaseInfo} /> </ErrorBoundary> </Switch...
踩坑记录:react-router-dom 从 v6.x 版本开始,移除了Switch,需要做以下变更: 之前:import { Switch, Route } from "...
在“react-router-dom”中找不到导出“Switch”(导入为“Switch”)(可能的导出:BrowserRouter、HashRouter、Link、MemoryRouter、NavLink、Navigate、Outlet、Route、Router、Routes、UNSAFE_LocationContext、UNSAFE_NavigationContext、 UNSAFE_RouteContext、createRoutesFromChildren、createSearchParams、generatePath、matchPath...
原因:这些报错原因均为'Switch' 和'Redirect' 是react-router 5版本的接口,而最新版本是 "react-router-dom": "^6.2.1",并且已经将Switch改为Routes。 解决办法有二: 1.将所有 Switch 改为 Routes,Redirect 改为 Navigate ,withRouter改为 useNavigate ...
</Router> 1. 2. 3. 4. 5. 6. 7. 8. 出现这样的错误: Attempted import error: 'Switch' is not exported from 'react-router-dom'. 原因是在 react-router-dom 6.0以后 Switch 就不用了 在package.json 中看了一下版本: 修改成为: <RouterinitialEntries={['/home']}> ...
import { Switch, Route } from "react-router-dom";改为：import { Routes ,Route } from 'react-router-dom';之前：<Route path="/" component={Home} /> 改为：<Route path='/' element={<Home/>} /> 其他：移除 exact 此后不需要在路由中进行声明！更多修改请访问官方文档 https:...