React - Black screen on modal display

1

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?

    
asked by anonymous 28.06.2018 / 15:49

0 answers