- 博客(4)
- 收藏
- 关注
原创 react报错之Invalid hook call
解决方法:只使用一个版本的react进行代码的编译,比如项目中同时使用了react-router-v5和react-router-v6的两种代码写法,首先在package.json文件中找到我们安装的react-router版本信息,如何再将我们的代码统一写成已安装的版本的格式。大部分时候,都是因为使用了多个版本的react导致的报错,我们可以使用npm list react来检查我们的项目中是否包含了多个版本的react。
2024-05-18 00:11:13 1122
原创 解决控制台警告:img elements must have an alt prop, either with meaningful text
当我们进行前端编码时,控制台报以下警告:img elements must have an alt prop, either with meaningful text, or an empty string for decorative images。解决方法:给<img>标签添加一个alt属性(如下),alt属性可以为空。这说明我们使用了<img>标签,但标签内没有alt属性。
2024-04-29 13:39:08 504
原创 react路由嵌套时,子路由无法显示
在子组件中实现路由嵌套时,控制台报错: 您在 下呈现后代(或称为“useRoutes()”),但父路由路径没有尾随“*”。2、如果路由配置在子组件(app.js下渲染的组件)中,将有关父组件的路由配置删除,只留下需要渲染的子组件的路由配置。报错原因:在router v6中,所有路由路径始终是完全匹配,不需要像router v4/5一样匹配路径前缀。1、如果路由配置在主组件(一般是app.js)中,则为父路径指定*通配符。
2024-04-17 17:53:28 491
原创 前端常见警告:Waring: antd: Form Iteml name is only used for validate React element.
原因:Form.Item组件下没有可Input或Select组件之类的组件,如果不需要校验或输入内容,可以去掉属性name(如下图)该警告出现在react与antd使用中,意为FormItem中的name属性,name用于验证表单,但是你显示的内容不是表单元素。
2024-04-11 15:47:32 614 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人