reactjs에서 부트 스트랩 모달 닫기 이벤트 수신

Question

부트 랩 모달 닫기를 수신 할 수있는 방법이 있습니까? 순수 jQuery에서 나는 다음과 같은 것을 할 것이다 :

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

그러나 반응에서 그것을하는 적절한 방법은 무엇일까요?

미리 감사드립니다.

Answer 1

react-bootstrap's modals을 사용하는 경우 onHide 또는 onExit 소품을 통해 처리기 기능을 전달할 수 있습니다. 당신은

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