news 2026/4/18 2:32:10

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/4/14 11:13:58

42、Linux编程:软件开发工具探索

Linux编程:软件开发工具探索 1. 编程基础概念 在编程中,有一个常见的流程被称为编辑 - 编译 - 调试(Edit - Compile - Debug)循环,大多数程序员在程序正确运行之前都需要多次重复这个过程。除了了解基本的编程步骤,还需要熟悉以下术语和概念: - 变量 :用于存储不同…

作者头像 李华
网站建设 2026/4/14 0:45:53

高效SCPI解析器:开源仪器控制库的专业应用指南

高效SCPI解析器&#xff1a;开源仪器控制库的专业应用指南 【免费下载链接】scpi-parser Open Source SCPI device library 项目地址: https://gitcode.com/gh_mirrors/sc/scpi-parser 开篇引入 在嵌入式仪器控制开发中&#xff0c;工程师常常面临SCPI命令解析的复杂性…

作者头像 李华
网站建设 2026/4/15 7:23:52

【有手就行】自己花20分钟从0开始训练一个“大模型”

一、说在前面训练基座大模型那都是大公司们的事情&#xff0c;普通人、普通公司肯定是玩不起的&#xff0c;但是作为一个技术人&#xff0c;你可以不去做真正的大模型训练&#xff0c;但是你还是有必要知道和了解一下一个大模型是如何训练出来的。而GPT_teacher-3.37M-cn 是一个…

作者头像 李华
网站建设 2026/4/15 9:12:02

【VSCode量子编程避坑指南】:揭秘常见错误及高效处理策略

第一章&#xff1a;VSCode量子作业的错误处理在开发量子计算程序时&#xff0c;使用 VSCode 配合 Q# 插件进行量子作业编写已成为主流选择。然而&#xff0c;在实际运行中常会遇到编译错误、模拟器异常或资源估算失败等问题。有效识别并处理这些错误&#xff0c;是保障量子算法…

作者头像 李华
网站建设 2026/4/9 15:00:04

如何快速使用yt-dlp-gui:Windows视频下载的终极指南

yt-dlp-gui是基于yt-dlp的Windows图形用户界面工具&#xff0c;专为简化在线视频下载流程而设计。这款工具将复杂的命令行操作转化为直观的图形界面&#xff0c;让普通用户也能轻松下载高质量视频内容。无论您是想保存教学视频、音乐MV还是其他在线内容&#xff0c;yt-dlp-gui都…

作者头像 李华
网站建设 2026/4/17 10:20:19

VSCode Jupyter量子模拟参数深度解析(专家级配置指南)

第一章&#xff1a;VSCode Jupyter量子模拟参数概述 在现代量子计算开发中&#xff0c;VSCode 结合 Jupyter Notebook 插件为开发者提供了高效的交互式编程环境。通过该组合&#xff0c;用户可在本地或远程执行量子电路模拟&#xff0c;并灵活调整各类关键参数以优化实验结果。…

作者头像 李华