antd中图标icon文件升到4.0版本后,用map循环图标文件产生的bug
原组件中:
getMenuNodes = (menuList) => {return menuList.map(item =>{if(!item.children){return (<Menu.Item key={item.key} icon={item.icon}><Link to={item.key}>{item.title}</Link></Menu.Item>)}else{return (<SubMenu key={item.key} icon={item.icon} title={item.title}>{this.getMenuNodes(item.children)}</SubMenu>)}})}
menuConfig.jsx文件中:
import React from 'react'
import {HomeOutlined,/*首页*/AppstoreOutlined,/*商品*/BarsOutlined,/*品类管理*/ToolOutlined,/*商品管理*/UserOutlined,/*用户管理*/SafetyCertificateOutlined,/*角色管理*/AreaChartOutlined,/*图形图表*/BarChartOutlined,/*柱形图*/LineChartOutlined,/*折线图*/PieChartOutlined,/*饼图*/} from '@ant-design/icons';const menuList = [{title: '首页',key: '/home',icon: <HomeOutlined />,}, {title: '商品',key: '/products',icon: <AppstoreOutlined />,children: [{title: '品类管理',key: '/category',icon: <BarsOutlined />}, {title: '商品管理',key: '/product',icon: <ToolOutlined />}]}, {title: '用户管理',key: '/user',icon: <UserOutlined />}, {title: '角色管理',key: '/role',icon: <SafetyCertificateOutlined />}, {title: '图形图表',key: '/charts',icon: <AreaChartOutlined />,children: [{title: '柱形图',key: '/charts/bar',icon: <BarChartOutlined />}, {title: '折线图',key: '/charts/line',icon: <LineChartOutlined />}, {title: '饼图',key: '/charts/pie',icon: <PieChartOutlined />}]}
]export default menuList
antd中图标icon文件升到4.0版本后,用map循环图标文件产生的bug相关推荐
- python批量读取文件赋值给一个参数_求助一个Python 循环读取文件,并对读到的字符串进行赋值,然后进一步生成json file 的方法。...
求助一个Python 循环读取文件,并对读到的字符串进行赋值,然后进一步生成json file 的方法. 本来想用shell写,利用while read line do --done 但是这样json ...
- SAP Fiori图标(icon)设计原理:一个可以查看 SAP UI5 所有可用图标的工具
When you are creating a new button and assign an icon to it, there is no way for you to know exactly ...
- aix安装bff_##aix5.3升级到高版本后,安装低BFF文件的问题
os aix5.3-10 系统原版本53-05,升级到53-10后.由于缺少bos.adt.insttools此包,需要重新安装此包. 现在准备拿原来53-05光盘安装后,再重新做次升级. 但是在安装 ...
- Ubunt中卸载protobuf与安装3.6.0版本步骤
1.卸载Ubuntu自带的protobuf: # sudo apt-get remove libprotobuf-dev # which protoc // 运行完"which protoc ...
- hdfs 多个文件合并_hadoop学习笔记3 hadoop程序将本地文件夹中多个文件,合并为一个文件并上传到hdfs中--梦飞翔的地方(梦翔天空)...
今天梦翔儿,成功实现hadoop编程,将本地文件夹中多个文件,合并为一个文件并上传到hdfs中 直接上代码:PutMerge.java import java.io.IOException; impo ...
- el-table 树形表格 自定义展开图标_换图标icon APP下载-换图标icon APP官方版 v3.01.0927...
换图标icon APP是一款可以带来更多不同风格应用图标和壁纸资源给大家尝试的软件,轻松打造个性化的桌面,资源类型丰富,直接在线去搜索查找就可以了,全部免费下载即可体验,重点是设置方便,壁纸等图片的尺 ...
- 我桌面上的计算机图标打不开了,我桌面上的这台电脑图标打不开 - 卡饭网
电脑win10系统的桌面上怎么显示"此电脑"图标 电脑win10系统的桌面上怎么显示"此电脑"图标 大家有没有遇到过桌面上没有"此电脑"图标 ...
- 压缩包下载后php文件怎么打开,用户下载的压缩包rar格式或zip文件如何解压 解压后就可以安装或运行里面的文件了...
狸窝网盘中分享有很多解决方案中使用到的软件资源,下载到电脑后是一个软件的文件压缩包,有的用户下载后不知道如何解压或说解压不了,怎么办?由于狸窝所面向用户比较大众化,为方便不同年龄层次和新手的使用,这里 ...
- vue3之 element-plus的循环图标
vue3之 element-plus的循环图标 Vue2中使用Element UI的图标渲染是通过 <i class="el-icon-plus"></i> ...
最新文章
- 当Python遇上朱茵、迪丽热巴、林志玲、王祖贤等众多美女
- JAVA[Algorithm]--戴克斯特拉
- linux运行shellftp上传文件,shell脚本实现ftp上传下载文件
- c语言中,为什么%o、%d、%x输出的总是32位,如char占一个字节,但输出却是32位
- 六个经典的HTML5面试问题奉上,太有用啦!
- Python中执行外部命令
- 转载通过 Docker 实现传统应用程序的现代化
- Atitit各种SDM 软件开发过程SDP sdm的ddd tdd bdd设计
- SinoBBD亮相全球云计算大会 彰显一体化云力量
- 首轮超巨诞生!利拉德轰50分送超远三分压哨绝杀 开拓者4-1淘汰雷霆
- 2019小程序没必要做了_企业发展小程序的必要原因
- CSS Sprites在IE中不起作用[8/7/6]
- 服务器版dll修复工具,DLL修复工具哪个好?五款修复能力强推荐
- 虚拟机安装win10 64/32bit系统
- Cisco IOS镜像文件的下载地址
- HowToDoIt 开源框架爱好者组织发布第一份项目总结
- AG9300|Type-C 转VGA数据转换器解决方案
- BDC的执行模式与更新模式
- 干货!2018年你值得一看的网页设计作品集赏析
- 云原生会统领SaaS服务的原因
热门文章
- [APIO2010]特别行动队——[斜率优化DP]
- List去重的三种方法,以及性能比较
- C语言——二进制转十六进制
- Markdown 链接的写法
- WebService之Axis2 Log4j 2.x 漏洞升级教程
- 浅谈IDC网管软件的特殊性
- java计算机毕业设计漫画网站系统源码+系统+数据库+lw文档+mybatis+运行部署
- 《颤抖吧,无证程序员们》----只为娱乐
- 计算机专业调研报告ppt,及调研报告肖韬南京大学计算机系.ppt
- C++中的指针初始化