--- order: 0 title: zh-CN: 基本 en-US: Basic --- ## zh-CN 第一个对话框。 ## en-US Basic modal dialog. ````jsx import { Modal, Button } from 'antd'; 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...

); } } ReactDOM.render(, mountNode); ````