antd的Modal的确认和取消自定义按钮

antd的Modal的确认和取消自定义按钮

在modal的属性中，有一个footer的属性，表示的是弹窗底部取消，确定按钮。我们可以对footer进行设置，从而来自定义底部按钮。

1. 隐藏底部确认和取消按钮

使用Modal中的footer属性，如下：

<Modal
title="哈哈"
visible={visible}
onCancel={this.handleCancel}
footer={
[] // 设置footer为空，去掉 取消 确定默认按钮
}
>
</Modal>

2. 自定义底部按钮

使用Modal中的footer属性，如下：footer可以是一个数组，数组里面放的是按钮，可以根据需求放一个或两个按钮。

<Modal
title="哈哈"
visible={visible}
onCancel={this.handleCancel}
footer={[
// 重点：定义右下角 
<Button onClick={this.handleCancel}></Button>,
<Button key="submit" type="primary" onClick={this.handleOk}>
Submit
</Button>, ]}
>
</Modal>