当前位置: 代码迷 >> 综合 >> 如何让antd的Modal组件的确认和取消不显示(或自定义按钮)
  详细解决方案

如何让antd的Modal组件的确认和取消不显示(或自定义按钮)

热度:95   发布时间:2023-10-27 13:44:54.0

使用Modal中的footer属性,如下:

        <Modaltitle="更改成员"visible={visible}confirmLoading={confirmLoading}onCancel={this.handleCancel}footer={[] // 设置footer为空,去掉 取消 确定默认按钮}></Modal>

这样就去掉了确认和取消按钮

 

也可以自定义按钮。如下:

        <Modalvisible={visible}title="Title"onOk={this.handleOk}onCancel={this.handleCancel}footer={[// 定义右下角 按钮的地方 可根据需要使用 一个或者 2个按钮<Button key="back" onClick={this.handleCancel}></Button>,<Button key="submit" type="primary" loading={loading} onClick={this.handleOk}>Submit  </Button>,          ]}></Modal>

 

  相关解决方案