React to install and use the component library Ant Design

First, what is Ant Design

 

1, Ant Design  extracted from enterprise-class background in product interaction language and visual style

2, Ant Design using TypeScript constructed to provide a complete document type definition

 

 

Two, Ant Design  Installation

 

1, a terminal incorporated in the project root directory:

npm install antd --save

 

2, was added in the index.js:

import 'antd/dist/antd.css';

 

Three, Ant Design  of use

Here the reference Ant Design  Spin  component Examples

(1) Spin component introduced in the page script

import { Spin } from 'antd';

(2) using <Spin /> directly render () in

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

running result:

More MintUI components refer to  https://ant.design/docs/react/introduce-cn