一、概述
Modal 是 Ant Design 中常用的組件之一，用於彈出模態對話框。Antd Modal 組件提供了多種彈窗窗體形態、自定義 footer、自定義圖標等功能，使用起來非常便捷。本文將介紹Antd Modal的基本用法、可配置項以及一些擴展應用。
二、基本用法
使用 Antd Modal 組件需要先安裝 antd 包，然後引入 Modal 組件，比如：
import { Modal } from 'antd';
接下來，我們可以通過以下方法來新建一個 Modal 對話框，其中 title 表示模態對話框的標題，visible 表示是否顯示，onOk 和 onCancel 分別對應確認和取消按鈕的回調函數：
class App extends React.Component {
state = {
visible: false,
}; showModal = () => {
this.setState({
visible: true,
});
};
handleOk = e => {
console.log(e);
this.setState({
visible: false,
});
};
handleCancel = e => {
console.log(e);
this.setState({
visible: false,
});
};
render() {
return (
Some contents...
Some contents...
Some contents...
原創文章，作者：GXHTM，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/370933.html
微信掃一掃 
支付寶掃一掃 