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}可以根据情况使确认按钮是否可以点击