antd 按钮加载中_antd组件的使用

当我们在项目中安装好antd以后,我们就可按需引入我们需要的组件来进行开发啦,下面做一个简单的示例,来说明我们如何按照antd的api来进行组件的应用:

// src/App.js

import React, { Component } from 'react';

import { Button } from 'antd';

import './App.css';

class App extends Component {

render() {

return (

这是我采用antd写的按钮

);

}

}

export default App;

比如我需要使用antd的Button组件,在上面的代码中第三行,我从antd中引入Button组件

import { Button } from 'antd';

然后,在需要按钮的地方写上Button组件即可

这是我采用antd写的按钮

里面会有详细介绍按钮的类型大小状态等等属性

当然如果你可以独立完成antd在项目里面的引用,也能够流畅的应用Button组件的话,那么你已经学会使用antd了