ant design的Modal模態框

代碼

<Modal width={800} title="新增" visible={this.state.modalVisible}
                        onCancel={() => { this.setState({ modalVisible: false }); }}
                        onOk={this.handleModalOk.bind(this)}
                        confirmLoading={this.state.confirmLoading}
                        // footer={
                        //     [] // 設置footer為空，去掉 取消 確定默認按鈕
                        //     }
                        // footer={[
                        //     // 定義右下角 按鈕的地方 可根據需要使用 一個或者 2個按鈕
                        //     <Button key="back" onClick={() => { this.setState({ modalVisible: false }); }}>取消</Button>,
                        //     <Button key="submit" type="primary" onClick={this.handleModalOk.bind(this)} disabled={this.state.okButtonFlag}>
                        //     確認
                        //     </Button>, ]}
                            >

footer可以自定義設置模態框的取消確認按鈕

disabled={this.state.okButtonFlag}可以根據情況使確認按鈕是否可以點擊