--- order: 0 title: zh-CN: 基本 en-US: Basic --- ## zh-CN 第一个对话框。 ## en-US Basic modal dialog. ````jsx import { Modal, Button } from 'antd'; const App = React.createClass({ getInitialState() { return { visible: false }; }, showModal() { this.setState({ visible: true, }); }, handleOk() { console.log('Clicked OK'); this.setState({ visible: false, }); }, handleCancel(e) { console.log(e); this.setState({ visible: false, }); }, render() { return (

some contents...

some contents...

some contents...

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