在React Ant Design
中,可以通过调用Modal组件的方法来动态弹出和关闭Modal窗口。具体步骤如下:
1、首先,在组件中引入Modal组件:
javascript
import { Modal } from 'antd';
2、在组件中定义一个函数来弹出Modal窗口:
javascript
const showModal = () => {
Modal.info({
title: 'This is a modal window',
content: (
<div>
<p>Content of the modal</p>
</div>
),
onOk() {},
});
};
3、在需要触发弹出Modal窗口的事件中调用showModal函数,比如一个按钮的点击事件:
<Button onClick={showModal}>Open Modal</Button>
通过以上步骤,当按钮被点击时,会弹出一个Modal窗口显示指定的内容。在Modal.info方法中,可以根据需求设置Modal的标题、内容和按钮点击事件等。