reactjs - 如何隐藏 antd Modal 的 OK 和 Cancel 按钮？

Question

我写了一个 Signup组件，基本如下:

const Login = (
  <Modal>
    <NormalLoginForm/ 
     ...
    </NormalLoginForm >
  </Modal>
)

NormalLoginForm组件来自这里的官网 https://ant.design/components/form/

我不需要这两个按钮 OK和 Cancel在 Modal 上，如何隐藏两个按钮？

还有关于如何将登录和注册按钮与导航菜单集成的好例子吗？

Answer 1

我不确定你到底想做什么。但是根据doc .您可以使用属性 footer 自定义页脚为 莫代尔 .

你只需要将它们都设置为 null不显示这两个按钮。 (如果不再需要 onOk 和 onCancel 属性，请删除它们。)

这是一个演示:https://codepen.io/andretw/pen/RwbBYpb

<Modal
  visible={this.state.visible}
  title="Title"
  //onOk={this.handleOk}
  //onCancel={this.handleCancel}
  footer={null}
>Test For No TWO buttons on the footer.</Modal>

如果你想做 Login然后一键关闭Modal，你也可以查看我上面写的demo。

<Modal
  visible={this.state.visible}
  title="Title"
  footer={null}
>
  <div>
    Test For No TWO buttons on the footer.
  </div>
  <div>
    <Button type="ghost" onClick={this.handleClick}>Login</Button>
  </div>
</Modal>

抱歉，我有一段时间没有更新这个答案。 antd 更新了他们的文档并说我们可以使用 footer={null}目前。