Warning: icon should have ‘type‘ prop or ‘component‘ or ‘children‘解决方法

最新推荐文章于 2024-09-19 20:50:50 发布
最新推荐文章于 2024-09-19 20:50:50 发布
阅读量4.3k 收藏 4
点赞数 5
文章标签： css3 前端 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CSDN_bare/article/details/123556685
版权

在这里插入图片描述

首先报错翻译
[@ant-design/icons]应该有一个component或者children

通过排查发现
当icon为""或者null时 就会报这个错
方法如下
将icon " " 中间加个空格就好了
在这里插入图片描述

大体意思就是在给 icon 这个组件传值时不能穿空，就算多一个空格符也好，不然空值会被 icon 组件判定为无 props或 children 报出警告。

温柔雨哥a
关注
Vue 品牌列表padStart方法的使用
mqingo的博客
01-04 638
06品牌列表padStart方法的使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s
Python应用开发——30天学习Streamlit Python包进行APP的构建（4）
此星光明博客
05-30 960
嘿，Streamlit 人！我很荣幸今天能够有机会为“30 天学 Streamlit”挑战来做这个实操教程！要是用这个 Streamlit 应用，只需要在文本输入框中复制粘贴进一个 YouTube 链接即可。总的来说，我们已经见识到了如何创建一个 Streamlit 应用，通常首先是明确和确定需求问题。然后我们设计一个解决方案将问题拆解为细粒度的步骤，然后我们在 Streamlit 应用中逐步实现。此时我们同样需要决定用户需要输入的数据或者信息、处理用户输入的方式方法，才能产出满意的结果。
Warning: Icon should have `type` prop or `component` prop or `children`.
weixin_41992772的博客
07-11 1万+
这个问题我排除很久在它GitHub代码里面找到了 但是也木有明确的解决 没办法只又自己一遍一遍的进行测试了 后来发现这个问题的话要 在前面进行判断空 要给一个值我的是这样解决的 有其他思路可以一起讨论 qq:3092292223 ...
如何解决：index.js:1 Warning: [@ant-design/icons] Should have `component` prop or `children`.
琞、小菜
05-28 8830
这个问题出现的原因可能有很多，我只遇到了这其中的一个。 警告的全部信息如下： 警告信息翻译一下： [@ant-design/icons]应该有一个component或者children 我们找到报错的位置： type赋值运用到了三目运算符，当isType === item.type 为false是赋值""，这就是造成错误的原因，没有给[@ant-design/icons]一个component或者children，所以解决方法是：当isType === item.type 为false是赋值" "，在"
icon should have 'type' prop or 'component' or 'children'解决方法
qq_43437571的博客
04-22 3560
项目用了eslint，在vscode里安装eslint插件，icon下面出现红曲线，鼠标悬浮上去，右边会显示【Quick Fix…】，点击它，会出来三个选项，选择第一个【Disable no-unused-vars for this line】， 即可自动添加一行注释，如下： // eslint-disable-next-line no-unused-vars ...
react.js:3640 Warning: Each child in an array or iterator should have a unique "key" prop. Check the...
AI天才研究院
12-11 8708
react.js:3640 Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of UserList. See https://fb.me/react-warning-keys for more infor...
AntD Vue中icon的使用
浪潮行舟_chenjin2136
02-17 1128
[antdv: Icon] Icon should have `type` prop or `component` prop or `children`
Vue 定义全局过滤器,时间格式化
mqingo的博客
01-04 1954
03品牌列表的全局过滤器.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.
Vue 品牌列表自定义局部指令
mqingo的博客
01-07 558
  09品牌列表自定义局部指令.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal
Vue 品牌列表的删除
mqingo的博客
01-03 684
品牌列表的删除.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&quo
使用Ant.Design组件库遇到的问题。
最新发布
2401_87492729的博客
09-19 208
在开发环境中，同时引入Ant.Design库的pro-from和高级组件pro-components依赖，出现了个问题。但是当换到没有下载pro-form依赖环境中，导入pro-components库是可以正常显示的。也就是说pro-form和pro-components依赖之间可能是有冲突的。将引入改为pro-form就会正常显示。作为一个刚刚接触Ant.Design组件库的学生。当在页面中使用导入pro-components库。
antd 使用踩坑
Mia的博客
11-22 3587
antd Tree组件使用expandedKey之后无法展开和收起节点怎么办？ 答：要配合onExpand事件一起使用鸭，与Checkbox 有异曲同工之妙。 // dom <Tree showIcon={true} defaultExpandAll defaultExpandParent autoExpandParent selectedKeys={[this.state.activeMenuCode]} expandedKeys={this.state.treeExpa
【Vue warn】Record with path “/“ is either missing a “component(s)“ or “children“ property.
MSHK111的博客
08-03 1万+
vue route 组件不能正常显示，动态路由
创建Vite+Vue3+TS基础项目
zhangxueyou2223的博客
03-02 3488
本篇内容不涉及插件的安装以及配置，本篇只涉及创建Vite+Vue3+TS基础项目相关内容。不讲废话，简单直接直接开撸。先看下完整的项目结构。E:\vue3练习>npm create vite vue3练习2 -- --template vue-ts。
vue从入门到进阶：组件Component详解（六）
weixin_42580704的博客
01-19 613
文章目录 一.什么是组件？ 二.注册组件 全局注册 局部注册 三.Prop 使用 Prop 传递数据 动态 Prop 字面量语法 vs 动态语法 单向数据流 Prop 验证 四.非Prop特性 五.自定义事件 使用 v-on 绑定自定义事件 给组件绑定原生事件.native .sync 修饰符(2.3.0+) 使用自定义事件的表单输入组件 自定义组件的 v-model（2.2.0 新增） 非父子组...
[Vue Router warn]: Record with path “路由“is either missing a “component(s)“ or “children“ property.
amz_java的博客
05-22 4515
但那个说组件名称发生重复,导致控制台报错,需要将重复的组件名称修改为不重复的。
vue3 全局注册 ant 图标组件
圆圈圈的博客
11-15 1万+
Ant Design Vue官网中，给出的示例中，引用图标组件，需要在每个页面进行按需引入。下面给大家提供一个全局注册ant图标组件的一种方法。 1.安装 @ant-design/icons-vue 图标组件包 npm install --save @ant-design/icons-vue 2.在main.js / main.ts进行注册引入 import * as Icons from '@ant-design/icons-vue' import router from './router' im.
icons 资源
cwisme的专栏
01-02 582
点击打开链接 http://www.famfamfam.com/lab/icons/silk/ 点击打开链接  http://www.16px.com/ 点击打开链接 http://www.axialis.com/free/icons/index.html 点击打开链接 http://www.freeiconsdownload.com/Index.ht
react+antd:Warning: Each record in table should have a unique `key` prop,or set `rowKey` to an uniqu
热门推荐
superYe7的博客
03-28 1万+
Warning: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key. Warning: [antd: Table] Each record in dataSource of table should have a unique `key` prop, or s...
Warning: Failed prop type: Invalid prop `component` of type `object` supplied to `Route`, expected `function`.
07-27
这个警告是因为在React-router-dom 4.0+版本中，Route组件的component属性需要传入一个函数，而不是一个对象。\[1\]解决这个问题的方法是将component属性的值改为一个函数，并将props作为参数传递给路由组件。例如，可以这样写：<Route path="/home/" exact component={(props) => <Home {...props} />} />和<Route path="/detail/:id" exact component={(props) => <Detail {...props} />} />\[2\]。这样就可以避免出现警告了。 #### 引用[.reference_title] - *1* *2* *3* [router-dom 4.0+路由跳转时出现警告： Warning: Failed prop type: Invalid prop &#39;component&#39; of type &#39;...](https://blog.csdn.net/AndyWangWangWang/article/details/101017188)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值