在react+ant desgin项目中使用iconfont

ts 复制代码
import React from 'react';
import { Outlet } from 'react-router-dom';
import { createFromIconfontCN } from '@ant-design/icons';

const IconFont = createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/c/font_3658241_gus5fg7s7t9.js',
});


const Order: React.FC = () => {
    return (
      <>
        这是订单页面
        <IconFont type="sheep-yinle" />
      </>
    )
};

export default Order;

链接:地址链接

相关推荐
酒尘&10 分钟前
Hook学习-上篇
前端·学习·react.js·前端框架·react
houyhea29 分钟前
从香港竹脚手架到前端脚手架:那些"借来"的发展智慧与安全警示
前端
哈哈~haha1 小时前
Step 14: Custom CSS and Theme Colors 自定义CSS类
前端·css·ui5
Ndmzi1 小时前
Matlab编程技巧:自定义Simulink菜单(理解补充)
前端·javascript·python
勇气要爆发1 小时前
物种起源—JavaScript原型链详解
开发语言·javascript·原型模式
我命由我123451 小时前
VSCode - VSCode 修改文件树缩进
前端·ide·vscode·前端框架·编辑器·html·js
SoaringHeart2 小时前
Flutter组件封装:验证码倒计时按钮 TimerButton
前端·flutter
San30.2 小时前
深入理解 JavaScript OOP:从一个「就地编辑组件」看清封装、状态与原型链
开发语言·前端·javascript·ecmascript
AAA阿giao2 小时前
JavaScript 原型与原型链:从零到精通的深度解析
前端·javascript·原型·原型模式·prototype·原型链
0***86332 小时前
SQL Server2019安装步骤+使用+解决部分报错+卸载(超详细 附下载链接)
javascript·数据库·ui