react-Ant Design框架中基础对话框和信息确认框的使用

前言

在项目中，对话框和确认框是使用频率很高的组件，这里记录一下react-Ant Design框架中它们的基础用法

基础对话框

首先要按需引入我们需要使用到的组件：

import {
   Card, Button, Modal} from 'antd'

定义两个按钮，控制基础对话框的弹出：

<Card title="基础对话框">
  <Button type="primary" onClick={
   () => this.handleOpen('showModal')}>Open</Button>
  <Button type="primary" onClick={
   () => this.handleOpen('showModal2')}>Open</Button>
</Card>

这里就需要动态设置属性值，让showModa为true：

state = {
   
  showModal: false,
  showModal2: false
}
handleOpen