news 2026/5/1 11:42:15

React 动态显示icon

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
React 动态显示icon

通过@ant-design/icons引入Icon大对象,通过Icon['icon名']获取对应的对象,在需要添加icon的地方调用React.createElement就可以显示icon。

import { Button } from "antd" import React from 'react' import * as Icon from '@ant-design/icons'; function MyButton(props:{ icon: string, text: string, }){ return ( <> <Button icon={ React.createElement( Icon[props.icon] ) }> {props.text} </Button> </> ) } export default function(){ return ( <> <MyButton icon='PlusOutlined' text='Add' /> <br/> { React.createElement( Icon['PlusOutlined'] ) } </> ) }

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/1 4:32:37

API测试终极指南:从零构建高效模拟环境实战手册

API测试终极指南&#xff1a;从零构建高效模拟环境实战手册 【免费下载链接】wiremock-ui An unofficial UI for WireMock 项目地址: https://gitcode.com/gh_mirrors/wi/wiremock-ui 在当今快节奏的软件开发环境中&#xff0c;API测试已成为确保系统稳定性的关键环节。…

作者头像 李华
网站建设 2026/5/1 8:42:45

vue基于springboot的企业员工公务车辆管理系统

目录已开发项目效果实现截图开发技术介绍系统开发工具&#xff1a;核心代码参考示例1.建立用户稀疏矩阵&#xff0c;用于用户相似度计算【相似度矩阵】2.计算目标用户与其他用户的相似度系统测试总结源码文档获取/同行可拿货,招校园代理 &#xff1a;文章底部获取博主联系方式&…

作者头像 李华
网站建设 2026/5/1 6:29:06

31、Linux 应用更新与系统安全保障指南

Linux 应用更新与系统安全保障指南 在当今数字化时代,Linux 系统凭借其开源、稳定和安全的特性,被广泛应用于各种场景。无论是个人开发者还是企业级用户,都需要对 Linux 系统中的应用进行及时更新,同时保障系统的安全性。本文将详细介绍不同 Linux 发行版的应用更新方法,…

作者头像 李华
网站建设 2026/5/1 3:51:57

Azure CLI量子计算作业管理(状态查询权威指南)

第一章&#xff1a;Azure CLI量子作业状态查询概述在量子计算与云平台深度融合的背景下&#xff0c;Azure Quantum 提供了强大的命令行接口&#xff08;Azure CLI&#xff09;用于提交和管理量子作业。通过 Azure CLI&#xff0c;开发者可以在本地或自动化脚本中直接与量子处理…

作者头像 李华
网站建设 2026/5/1 7:33:57

时间序列数据增强实战指南:五步提升预测模型性能

时间序列数据增强实战指南&#xff1a;五步提升预测模型性能 【免费下载链接】Time-Series-Library A Library for Advanced Deep Time Series Models. 项目地址: https://gitcode.com/GitHub_Trending/ti/Time-Series-Library 还在为时间序列数据样本不足而苦恼吗&…

作者头像 李华
网站建设 2026/5/1 7:26:55

汉字学习新纪元:免费开源工具终极指南

汉字学习新纪元&#xff1a;免费开源工具终极指南 【免费下载链接】makemeahanzi Free, open-source Chinese character data 项目地址: https://gitcode.com/gh_mirrors/ma/makemeahanzi 还在为汉字书写顺序而烦恼吗&#xff1f;想要快速掌握汉字结构却无从下手&#x…

作者头像 李华