title: React-Bootstrap modal not showing
body: <p>I am unable to make a <code>Modal</code> from <code>react-bootstrap</code> to render on the screen. The DOM node is being added to the DOM tree, but it does not want to show on the screen.<br>
  This is my code of the class that hosts the Modal, and I am passing the state of another component to it(I want to change this component's state via the <code>Modal</code>).  </p>
  
  <pre><code>class ChangeModal extends React.Component{
  
      constructor(props){
          super(props);
      }
  
      render(){
  
          return(
              &lt;Modal show={this.props.state.showModal} onHide={this.props.close}&gt;
                  &lt;Modal.Header closeButton&gt;
                      &lt;Modal.Title&gt;Modal heading&lt;/Modal.Title&gt;
                  &lt;/Modal.Header&gt;
                  &lt;Modal.Body&gt;
                      &lt;h4&gt;{this.props.state.id}&lt;/h4&gt;
  
              &lt;/Modal.Body&gt;
                  &lt;Modal.Footer&gt;
                      &lt;Button onClick={this.props.close}&gt;Close&lt;/Button&gt;
                  &lt;/Modal.Footer&gt;
              &lt;/Modal&gt;
          );
      }
  }
  </code></pre>