title: Close Modal in UI React on Cancel button
body: <p>I am following <a href="https://react.semantic-ui.com/modules/modal" rel="nofollow noreferrer">https://react.semantic-ui.com/modules/modal</a> to create a Modal form. </p>
  
  <p>I want to close the Modal when click on the <code>Cancel</code> button. I am restricted not to use the shorthand method suggested in the link above. How should I write the handleClose() function in order to close the Modal form? </p>
  
  <pre><code>handleClose = () =&gt; {
     console.log("close")
  }
  
  render(){
      return(
        &lt;Modal trigger={&lt;Button&gt;Upload&lt;/Button&gt;}closeIcon&gt;
        &lt;Modal.Content&gt;
          &lt;p&gt;Please upload a valid file.&lt;/p&gt;
          &lt;Form.Input
            name="upload"
            label=""
            type="file"
            onChange={e =&gt;
              this.setState({file_data : e.target.files[0]})}
          &gt;
          &lt;/Form.Input&gt;
  
        &lt;/Modal.Content&gt;
        &lt;Modal.Actions&gt;
          &lt;Button onClick = {this.handleClose}&gt;Cancel
          &lt;/Button&gt;
          &lt;Button positive onClick = {this.handleUpload}&gt;Upload
          &lt;/Button&gt;
        &lt;/Modal.Actions&gt;
      &lt;/Modal&gt;
      );
    }
  </code></pre>