--- order: 0 title: zh-CN: 基本 en-US: Basic --- ## zh-CN 第一个对话框。 ## en-US Basic modal. ```tsx import React, { useState } from 'react'; import { Modal, Button } from 'antd'; const App: React.FC = () => { const [isModalVisible, setIsModalVisible] = useState(false); const showModal = () => { setIsModalVisible(true); }; const handleOk = () => { setIsModalVisible(false); }; const handleCancel = () => { setIsModalVisible(false); }; return ( <>

Some contents...

Some contents...

Some contents...

); }; export default App; ```