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

链接:地址链接

相关推荐
摘星编程几秒前
React Native for OpenHarmony 实战:DatePickerIOS iOS日期选择器
react native·react.js·ios
摘星编程2 分钟前
React Native for OpenHarmony 实战:PixelRatio 像素 ratio 处理
javascript·react native·react.js
林_xi5 分钟前
二次封装一个vue3签字板signature pad
前端·javascript·vue.js
弓.长.6 分钟前
基础入门 React Native 鸿蒙跨平台开发:PixelRatio 像素适配
react native·react.js·harmonyos
w***76559 分钟前
vue2和vue3的区别
前端·javascript·vue.js
n 55!w !1089 分钟前
静态网页作业
前端·css·css3
缘木之鱼10 分钟前
CTFshow __Web应用安全与防护 第一章
前端·安全·渗透·ctf·ctfshow
我是一只小青蛙88811 分钟前
Python文件组织:路径抽象到安全归档
java·服务器·前端
奔跑的web.14 分钟前
TypeScript 泛型完全指南:写法、四大应用场景与高级用法
前端·javascript·vue.js·typescript
SevgiliD16 分钟前
文本溢出省略并Tooltip组件在表单和表格内的使用
前端·javascript·vue.js