【独立篇】React UI组件库

1、React UI组件库

1.1、material-ui（国外）

1. 官网: http://www.material-ui.com/#/
2. github: https://github.com/callemall/material-ui

1.2、ant-design（国内蚂蚁金服-antd）

1. 官网: https://ant.design/index-cn
2. Github: https://github.com/ant-design/ant-design/

没错！日常开发 React 用的 UI 组件库就是 AntD！

2、AntD的简单使用

小贴士：antd 5.x 默认 Day.js 代替 Moment.js

• 安装指令：yarn add antd 或 npm i antd

2.1、CODE

import React, { Component } from 'react'
import { Button } from 'antd'

export default class App extends Component {
  render() {
    return (
      <div>
        <Button type="primary">Primary Button</Button>
      </div>
    );
  }
}
1
2
3
4
5
6
7
8
9
10
11
12

2.2、Result