--- order: 0 title: zh-CN: 基本 en-US: Basic --- ## zh-CN 第一个对话框。 ## en-US Basic modal. ```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); ```