关于react-Ant Design框架Button按钮的基础用法

前言

最近在学习react-Ant Design框架，把button组件一些基础用法记录一下

引入框架 使用组件

基础按钮

首先我们得导入Ant Design和里面的button，才能进行使用。当然得确保之前在项目中你安装了Ant Design
下面是基础款按钮：

import React, {
    memo } from 'react'
import {
    Button } from 'antd'
import './index.scss'

// React.memo是一个高阶组件,memo类似于PureComponent,不同的是,memo是一个function组件
export default memo(function Index() {
   
  return (
    <div className='wrap'>
      <Card title='基础款按钮' className='button-wrap'>
        <Button>按钮</Button>
        <Button type='primary'>按钮</Button>
        <Button type='danger'>按钮</Button>
        <Button type='dashed'>按钮</Button>
      </Card>
    </div>
  )
})

效果：