リアクションでバックグラウンドコンテンツをクリックしてモーダルを終了してください

私はリアクションブートストラップ（ドキュメンテーション：https://react-bootstrap.github.io/components.html#modals-props）を使用していますが、バックグラウンドをクリックしてモーダルを閉じる方法についてはわかりません。リアクションでバックグラウンドコンテンツをクリックしてモーダルを終了してください

現在、私は（機能onCloseModalを気にしない - それはかなりモーダルを閉じ）を通してそれを閉じています：

<Modal closeButton={true} onHide={this.onCloseModal.bind(this)}> 
    <Modal.Header closeButton={true} onHide={this.onCloseModal.bind(this)}> 
    </Modal.Header> 
</Modal>

背景をクリックして閉じる方法にはドキュメントがありません。私は本当に何も試していないごめんなさい、申し訳ありませんが、私はどこでもStackoverflowで見てきました、そして、すべてのソリューションは、Reactではなく、jQueryに対応しています。

出典

2016-10-10 patrickhuang94

それは、んが、あなたがブートストラップに精通し、あなたがバックグラウンドアクションにクリックすると、static backdropと呼ばれながら、モーダルを表示/非表示を記述するための属性を知っている可能性がある場合backdrop

という名前propsセクションのドキュメントのを持っています。

背景をクリックしてモーダルを閉じるには以下のコードを試してみてください。 ...this.propsがJSX Spread Attributes

出典

2016-10-10 06:10:11 trungk18

私は '背景= {TRUE} included'であるが、動作していないことは

<Modal {...this.props} backdrop="true"> <Modal.Header closeButton> <Modal.Title id="contained-modal-title-sm">Modal heading</Modal.Title> </Modal.Header> <Modal.Body> <h4>Wrapped Text</h4> </Modal.Body> <Modal.Footer> <Button onClick={this.props.onHide}>Close</Button> </Modal.Footer> </Modal>

注意。 – patrickhuang94

私は反応ブーストラップを調べて、すべてのモーダルの例はバックグラウンドをクリックするとモーダルを閉じることができるからです。あなたは何かを変えましたか？ – trungk18

私は各モーダルを割り当てているIDと関係があるかもしれません。私は見てみましょう。 – patrickhuang94

リアクションでバックグラウンドコンテンツをクリックしてモーダルを終了してください

答えて

関連する問題