React学习day11antd--组件：按钮、图标

ant-design：https://ant.design/index-cn

antd（ant-design）的基本使用

安装ant-design
在项目下的控制台输入：yarn add antd

样例：

按钮组件：
https://ant.design/components/button-cn/#components-button-demo-size

import React, {
   Component} from 'react';
// eslint-disable-next-line no-unused-vars
import {
    Button ,Tooltip,Radio} from 'antd';
import {
   SearchOutlined} from '@ant-design/icons';
import {
    DownloadOutlined } from '@ant-design/icons';
import 'antd/dist/antd.css'

class App extends Component {
   

    state = {
   
        size: 'large',
    };

    handleSizeChange = e => {
   
        this.setState({
    size: e.target.value });
    };
    render() {
   
        const {
    size } = this.state;
        return (
            <div>
                <h2>按钮类型</h2>
                <Button type="primary" >Primary Button</Button>
                <br/>
                <Button>Default Button</Button>
                 <br/>
                <Button type="dashed">Dashed Button</Button>
                <br />
                <Button type="text">Text Button</Button>
                <br/>
                <Button type="link">Link Button</Button>
                <br/>
                <p>-------------------------------------------------</p>
                <h2>图标按钮</h2>
                <