Alright?
I have a problem with displaying a modal in a component react, it happens that when we click to display the modal view the screen goes dark and ends up locking the browser
In the code I have the following excerpts:
Menu responsible for calling modal:
<li><button type="button" onClick={this.showModal}>Import File</button></li>
Function:
showModal = () => { this.refs.modal.show() }
Part of the component:
<Modal className="swagger-ui modal" ref="modal">
<div className="container">
<h2>Upload file</h2>
<input type="file" ref="fileLoadInput"></input>
</div>
<div className="right">
<button className="btn cancel" onClick={this.hideModal}>Cancel</button>
<button className="btn" onClick={this.importFromFile}>Open file</button>
</div>
</Modal>
I can not figure out what's causing the problem, could anyone give a boost?