React:AntDesign引入简介
发布日期:2021-06-30 15:49:25 浏览次数:3 分类:技术文章

本文共 585 字,大约阅读时间需要 1 分钟。

AntDesign

一、概念

  1. 官网
    https://ant.design/index-cn
    https://github.com/ant-design/ant-design/
  2. 作用:开发和服务于企业级后台产品,提供丰富、高质量的组件
    按钮、图标、布局系统、分页、表格、表单、日期选择器、树选择、进度条。。。。
    开箱即用
    图示
    在这里插入图片描述
    可以理解成为react定制的UI组件库

二、使用

  1. 安装yarn add antd

    在这里插入图片描述

  2. 引入样式文件:在项目的css文件中引入 Antd的css

    @import '~antd/dist/antd.css';
    在这里插入图片描述

  3. 引入UI组件

    在这里插入图片描述

    import React from 'react'import {
    Button} from 'antd'function App() {
    return (
    )}export default App;

转载地址:https://kaisarh.blog.csdn.net/article/details/111475691 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:React:react-router
下一篇:Node:根据开发环境配置axios默认路径

发表评论

最新留言

感谢大佬
[***.8.128.20]2024年04月15日 03时55分11秒