Прослушать загрузочное модальное событие закрытия в reactjs

Question

есть ли способ, которым я могу прослушивать модальное закрытие бутстрапа? В чистом jQuery я бы сделал что-то вроде:

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

Однако, что было бы подходящим способом сделать это в ответ?

Заранее благодарен!

Answer 1

Если вы используете react-bootstrap's modals Вы можете передать функцию обработчика через onHide или onExit опоры.

Answer 2

ниже код даст вам идею, так как вы можете контролировать, отображаются ли модальный с использованием this.setState({showModal: true}) для достижения эквивалента того, что вы просили в вашем посте в примере ниже

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

вы можете получить более подробная информация из приведенного ниже документа doc,

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