antd在modal组件底部增加button
时间: 2023-11-24 20:23:05 浏览: 255
antd-modal-dragable:在蚂蚁金服的antd库的modal组件上,新增可拖动功能
要在antd的Modal组件底部增加Button,可以使用Modal组件的footer属性。在footer属性中,可以传入一个React Node类型的元素,用于渲染Modal的底部。以下是一个示例代码:
```
import { Modal, Button } from 'antd';
function ExampleModal({ visible, onClose }) {
return (
<Modal
visible={visible}
onCancel={onClose}
footer={
<Button type="primary" onClick={onClose}>
Close
</Button>
}
>
<p>Modal content</p>
</Modal>
);
}
```
在上面的代码中,我们在Modal组件的footer属性中传入了一个Button元素,使得Modal的底部会显示一个"Close"按钮。当用户点击该按钮时,会触发onClose回调函数,关闭Modal组件。
阅读全文