前言
最近在学习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>
)
})
效果: