React组件库Ant Design的安装与使用

时间：2019-08-10 21:00:52 阅读：81 评论：0 收藏：0 [点我收藏+]

一、什么是 Ant Design

1、Ant Design 提炼自企业级中后台产品的交互语言和视觉风格

2、Ant Design 使用 TypeScript 构建，提供完整的类型定义文件

npm install antd --save

import ‘antd/dist/antd.css‘;

这里引用 Ant Design 的 Spin 组件作为例子

（1）在页面的 script 中导入 Spin 组件

import { Spin } from ‘antd‘;

（2）在 render() 中直接使用 <Spin />

  render() {
    return (
      <React.Fragment>
        <Spin />
      </React.Fragment>
    )
  }

运行效果：

技术分享图片

原文：https://www.cnblogs.com/Leophen/p/11332634.html

踩

(0)

评论一句话评论（0）

分享档案

更多>