antd组件库之Button

antd组件库之Button

<Button
	block={true} // 宽度与父亲宽度一致
    danger={true} // 按钮颜色变成红色
    disabled={true} // 按钮是禁用状态
    ghost={true} // 按钮背景透明，一般用在父元素有颜色，按钮未设置颜色的情况下
    href={'www.baidu.com'} // 指定跳转的路由
    htmlType={'submit'} // 设置button原生的type(submit, reset, button)
    icon={<ArrowDownOutlined />} // 设置组件的icon图标（在文字前）
    loading={{delay:100}} // 按钮载入状态，可设置当有数据时停止加载
    shape={'round'} // 设置按钮形状，default | circle | round
    size={'small'} // 设置按钮大小，large | middle | small
    target="_blank" // 需要设置href属性，具有超链接target属性
    type={'dashed'} // 设置文本类型，primary | ghost | dashed | link | text | default
    onClick={(e)=>{console.log('点击', e) }}; // e为事件对象
>
    按钮
</Button>