学习:
解决bug:
由于React Router版本的不同导致的问题
报错信息如下:
Line 9:18: 'Switch' is not defined react/jsx-no-undef
Line 13:88: 'Redirect' is not defined react/jsx-no-undef
问题出现的原因:
对于导入'Switch' is not defined和'Redirect' is not defined的错误,这些是由于在 React Router 版本 6 中名称和导入方式发生了变化所致。
在 React Router 6 中,Switch组件已被移除,而'Redirect'组件已被重命名为useNavigate。为了解决这些问题,你需要根据 React Router 6 的更新进行相应的修改。
解决方案:
1.在文件的顶部,导入适应 React Router6 的组件编辑
import {Switch ,Route,Redirect } from 'react '
2.替换代码中的<Switch>组件,在React Router6中,可以使用 <Routes>组件来代替<Switch>。将所有的<Route>组件包裹在<Routes>组件中。
例如,将代码中类似一下方式的<Switch>代码:
替换成下面形式<Routes>代码
注意,用 <Navigate> 组件替代了 Redirect 组件,并使用 to 属性指定了重定向的路径
生活:
补考也就结束了,有了上学期的教训,这学期要好好的学习了。准备六级,准备蓝桥杯。最后,人与人之间的相处,总是需要沟通跟交流,需要的是灵魂的共振。如果不喜欢,大大方方的拒绝就好了,请别伤害。三七女生节快乐!