antd ModalのOKボタンとCancelボタンを隠すには？

Question

私は次のように基本的であるSignupコンポーネントを、書いた：

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

NormalLoginFormコンポーネントがここに公式サイトからhttps://ant.design/components/form/

である私はモーダル上の2つのボタンOKとCancelを必要としません、 2つのボタンを隠す方法は？

ログインメニューとサインアップボタンをナビゲーションメニューに統合する方法についての良い例はありますか？

Answer 1

あなたがしたいことを正確にはわかりません。しかし、docによれば。 モーダルの属性footerを使用してフッターをカスタマイズできます。

これらの2つのボタンが表示されないように、両方を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}