reactjsのブートストラップモーダルクローズイベントを聞きます

Question

私はブートストラップモーダルクローズを聞くことができますか？純粋なjQueryでは、私は次のようなことをします：

$('#myModal').on('hidden.bs.modal', function() { 
    // do something… 
}) 

しかし、反応でそれを行う適切な方法は何でしょうか？

ありがとうございます！

Answer 1

react-bootstrap's modalsを使用している場合onHideまたはonExit propでハンドラ関数を渡すことができます。あなたは

const ControlledModalExample = React.createClass({ 

getInitialState(){ 
    return { showModal: false }; 
}, 

close(){ 
    this.setState({ showModal: false }); 
}, 

open(){ 
    this.setState({ showModal: true }); 
}, 

render() { 
    return (
    <div> 
     <Button onClick={this.open}> 
     Launch modal 
     </Button> 

    <Modal show={this.state.showModal} onHide={this.close}> 
     <Modal.Header closeButton> 
     <Modal.Title>Modal heading</Modal.Title> 
     </Modal.Header> 
     <Modal.Body> 
     <div>Modal content here </div> 
     </Modal.Body> 
     <Modal.Footer> 
     <Button onClick={this.close}>Close</Button> 
     </Modal.Footer> 
    </Modal> 
    </div> 
); 
} 
}); 

下の例では、あなたのポストにを求めたものの同等を達成するためにthis.setState({showModal: true})を使用してモーダルが示されているかどうかを制御することができますよう

Answer 2

以下のコードは、あなたのアイデアを与えるだろうあなたが得ることができます下記のURLから詳細をご確認ください。

http://react-bootstrap.github.io/components.html#modals