这样就去掉了确认和取消按钮 也可以自定义按钮。如下:
当前位置:   article > 正文

react antd 自定义 Modal的 确认和取消按钮_react的antui model去掉按钮

react的antui model去掉按钮
  1. 使用Modal中的footer属性,如下:
  2. <Modal
  3. title="更改成员"
  4. visible={visible}
  5. confirmLoading={confirmLoading}
  6. onCancel={this.handleCancel}
  7. footer={
  8. [] // 设置footer为空,去掉 取消 确定默认按钮
  9. }
  10. >
  11. </Modal>
  12. 这样就去掉了确认和取消按钮
  13. 也可以自定义按钮。如下:
  14. <Modal
  15. visible={visible}
  16. title="Title"
  17. onOk={this.handleOk}
  18. onCancel={this.handleCancel}
  19. footer={[
  20. // 定义右下角 按钮的地方 可根据需要使用 一个或者 2个按钮
  21. <Button key="back" onClick={this.handleCancel}></Button>,
  22. <Button key="submit" type="primary" loading={loading} onClick={this.handleOk}>
  23. Submit
  24. </Button>, ]}
  25. >
  26. </Modal>
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/115639
推荐阅读
相关标签