Как скрыть кнопки OK и Отмена antd Modal?

Question

я написал Signup компонент, который является в основном следующим образом:

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

NormalLoginForm компонент с официального сайта здесь https://ant.design/components/form/

Мне не нужны эти две кнопки OK и Cancel на Modal, как скрыть две кнопки?

Также есть ли хорошие примеры того, как интегрировать кнопки входа и регистрации в меню навигации?

Answer 1

Я не уверен, что вы точно хотите сделать. Но согласно doc. Вы можете настроить нижний колонтитул, используя атрибут footer для Модальный.

И вам просто нужно установить оба из них в 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 нажатием одной кнопки , вы также можете проверить демо, которое я написал выше.

<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}