React笔记09——React组件Ant Design

Ant Design 组件库中封装了很多现成的样式组件,直接拿过来用就可以减少一些样式的编写工作。

可以在其官网中查看使用文档:

Ant Design官网

1⃣️安装:npm install antd --save

2⃣️引入组件库样式文件:import 'antd/dist/antd.css';

3⃣️例子:引入Button组件

 点击上面的<>可以看到引入代码。

import { Button } from 'antd';

ReactDOM.render(
  <div>
    <Button type="primary">Primary</Button>
    <Button>Default</Button>
    <Button type="dashed">Dashed</Button>
    <Button type="danger">Danger</Button>
    <Button type="link">Link</Button>
  </div>,
  mountNode,
);

  

猜你喜欢

转载自www.cnblogs.com/superjishere/p/12118363.html