react Modal中使用Modal.info,如何去除默认footer
时间: 2024-09-14 22:04:31 浏览: 42
详解使用React制作一个模态框
在React中使用Modal组件,并通过Modal.info方法创建模态框时,该方法默认提供了一个包含“确定”按钮的footer。如果你想去除这个默认的footer,可以通过将Modal.info函数的配置对象中的footer属性设置为null来实现。
下面是一个简单的示例代码,展示了如何使用Modal.info创建一个模态框,并去除默认的footer:
```jsx
import { Modal } from 'antd';
Modal.info({
title: '这是标题',
content: '这是一段模态框的内容',
onOk() {
console.log('点击确定');
},
onCancel() {
console.log('点击取消');
},
footer: null, // 设置footer为null去除默认footer
});
```
在上述代码中,通过在Modal.info的参数中添加footer: null,我们成功地移除了默认的footer。这样就不会显示任何按钮,你可以根据需要自行添加其他元素或者完全不添加任何内容。
阅读全文