title: opening a modal with the click of a button
body: <p>The next code uses a Modal react component:</p>
  
  <pre><code>export class AddWorkLogEditor extends React.Component {
      constructor(props) {
          super(props);
  
          this.addWorkLog = this.addWorkLog.bind(this);       
          this.onOpenModal = this.onOpenModal.bind(this);
          this.onCloseModal = this.onCloseModal.bind(this);
          this.state = {
               open:true
  
             };
        }
  
    onOpenModal() {
       this.setState({open: this.props.openModal});
    }
  
    onCloseModal() {
       this.setState({open:false});
    }
  
    addWorkLog() {
  
     }
  
  
  
   render() {
        const bstyle = {
           backgroundColor: 'green',
           textAlign:"left",
           paddingLeft: '0px',
           color: 'white'
      };
   const {open} = this.state;
         return (
             &lt;div&gt;
                  &lt;Modal open={open} onClose={this.onCloseModal} little&gt;
                  &lt;h3&gt;hi gi&lt;/h3&gt;
  
                   &lt;Button bsStyle="success" bsSize="small" onClick ={(ev) =&gt; {console.log(ev)} }&gt; Save &lt;/Button&gt;
                   &lt;/Modal&gt;
              &lt;/div&gt;
         );
      }
  }
  </code></pre>
  
  <p>I am trying to call it using:</p>
  
  <pre><code>addWorkLog()
  {
        return &lt;AddWorkLogEditor/&gt;;
  }
  </code></pre>
  
  <p>and</p>
  
  <pre><code> createAddWorkLogButton () {
  
      return (
          &lt;button style={ { color: '#007a86'} } onClick={this.addWorkLog} &gt;Add Work Log&lt;/button&gt;
      );
   }
  </code></pre>
  
  <p>I mean, after I click at this button nothing shows up. Is there another way to call that modal? I am importing the modal from:</p>
  
  <p>import Modal from 'react-responsive-modal'</p>