在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;

链接:地址链接

相关推荐
mmsx3 分钟前
一个 Bug 修了 12 轮,根因只有一句话:AI 编程时代,日志才是唯一的真相
前端
默_笙4 分钟前
😝 5 亿次循环卡死页面?我用 Web Worker 把它扔进后台线程,页面丝滑如初
前端·javascript
CAD老兵6 分钟前
一行代码集成 DWG/DXF 图纸查看:测量批注,数据不出站
前端·javascript·github
小林ixn7 分钟前
单例模式:从弹窗管理到全局状态,一个模式搞定
前端·javascript·设计模式
AI编程实验室8 分钟前
Node.js Agent Handoff 仓库扫描 MVP:忽略规则、include 通配与稳定输出实现
前端·ai编程
猫不易8 分钟前
从 Virtual DOM 到 Vapor:Vue 3.6 的另一条路
前端·vue.js
小林ixn11 分钟前
在浏览器里跑 DeepSeek-R1:WebGPU + Transformers.js 实战
react.js·llm·浏览器
光影少年15 分钟前
react navite性能优化 & 常见坑
前端·react native·掘金·金石计划
八角丶17 分钟前
Node.js Cluster 详解
前端·node.js
名字还没想好☜27 分钟前
React 用 useEffect 做轮询实战:setInterval 拿到旧 state 的闭包陷阱与正确清理
前端·javascript·react.js·react·useeffect