title: React Bootstrap - How to manually close OverlayTrigger
body: <p>I have an <code>OverlayTrigger</code> wrapping a <code>Popover</code> that contains some form inputs and a <code>Button</code> to save the data and close.  </p>
  
  <pre><code>save(e) {
    this.setState({ editing: false })
    this.props.handleUpdate(e);
  }
  
  render() {
      return (
        &lt;OverlayTrigger trigger="click"
          rootClose={true}
          onExit={this.save.bind(this) }
          show={this.state.editing}
          overlay={
              &lt;Popover title="Time Entry"&gt;
                &lt;FormGroup&gt;
                      &lt;ControlLabel&gt;Data: &lt;/ControlLabel&gt;
                      &lt;FormControl type={'number'}/&gt;
                &lt;/FormGroup&gt;
                &lt;Button onClick={this.save.bind(this) }&gt;Save&lt;/Button&gt;
             &lt;/Popover&gt;
          }&gt;
  </code></pre>
  
  <p>I have <code>rootClose = true</code>, and my callback gets executed <code>onExit</code>, but I don't see a way to manually close overlay.  I'm trying to use the <code>show</code> attribute from the Bootstrap <code>Modal</code> that (predictably) doesn't work.</p>