import React from 'react'
import {Card, Button} from 'antd'
import './index.less'
export default class Buttons extends React.Component{
//第一种方法 不用标签内传this
handleCloseLoading = ()=>{
}
//第二种 需要标签内传this
handleCloseHide(){
}
render(){
return(
<div>
<Card title="基本样式">
<Button type="primary" onClick={this.handleCloseLoading}>确定</Button>
<Button onClick={this.handleCloseHide.bind(this)}>取消</Button>
<Button type="dashed">虚线</Button>
<Button type="danger">警告</Button>
<Button disabled >禁止点击</Button>
</Card>
<Card title="图形按钮">
<Button icon="android" type="primary">图标</Button>
<Button icon="file-search" shape="circle"></Button>
<Button icon="shopping" type="dashed">虚线</Button>
<Button icon="loading" type="danger">警告</Button>
<Button icon="pie-chart" disabled >禁止点击</Button>
</Card>
</div>
)
}
}
react 方法的写法
最新推荐文章于 2024-07-04 21:28:39 发布