如何隱藏antd Modal的OK和Cancel按鈕？

Question

我寫了一個Signup成分，這基本上是如下：

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

的NormalLoginForm成分就是從這裏開始的官方網站https://ant.design/components/form/

我不需要這兩個按鈕上的模態OK和Cancel，如何隱藏兩個按鈕？

也有關於如何將登錄和註冊按鈕與導航菜單集成的任何好例子？

Answer 1

我不確定你到底想要做什麼。但根據doc。您可以使用屬性footer對Modal定製頁腳。

而你只需要將它們都設置爲null而不顯示這兩個按鈕。 （和刪除onOk和onCancel屬性，如果你不需要他們了。）

這裏是一個演示：http://codepen.io/andretw/pen/JbEmRO

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

如果你想要做Login並通過點擊一個按鈕來關閉模態，你也可以查看我上面寫的演示。

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

Answer 2

您可以通過footer={null}