大二开学第二周周记

学习:

解决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 属性指定了重定向的路径

生活:

补考也就结束了,有了上学期的教训,这学期要好好的学习了。准备六级,准备蓝桥杯。最后,人与人之间的相处,总是需要沟通跟交流,需要的是灵魂的共振。如果不喜欢,大大方方的拒绝就好了,请别伤害。三七女生节快乐!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 学习笔记 原文地址:antDesignPro使用心得,快速开发必备。https://www.52pojie.cn/...
    kalshen阅读 44,730评论 8 85
  • vue生命周期 生命周期:实例初始化之前:beforeCreate实例初始化:created挂载前:beforeM...
    汉卿阅读 242评论 0 0
  • 一、概念介绍 Vue.js和React.js分别是目前国内和国外最火的前端框架,框架跟类库/插件不同,框架是一套完...
    刘远舟阅读 1,085评论 0 0
  • 掘金地址:https://juejin.cn/post/7053031843376922660[https://j...
    Smile0204阅读 3,188评论 0 5
  • Vue Vue是一个前端js框架,由尤雨溪开发,是个人项目 Vue近几年来特别的受关注,三年前的时候angular...
    hcySam阅读 301评论 0 0