title: Close reactjs bootstrap-popover with button on click outside
body: <p>Hi have a bootstrap popover on with button inside it . I want to close the popover on click of the button as well as on loss of focus what can I do ?
  Here is the <a href="http://jsfiddle.net/g0a0pu0L/2/" rel="nofollow">fiddle</a></p>
  
  <pre class="lang-jsx prettyprint-override"><code>var Hello = React.createClass({
    render: function() {
      return (
        &lt;ReactBootstrap.OverlayTrigger trigger="focus" placement="right" overlay={&lt;ReactBootstrap.Popover title="Popover bottom"&gt;&lt;strong&gt;Holy guacamole!&lt;/strong&gt; Check this info&lt;ReactBootstrap.Button bsStyle='primary'&gt;Save&lt;/ReactBootstrap.Button&gt; &lt;/ReactBootstrap.Popover&gt;}&gt;
          &lt;ReactBootstrap.Button bsStyle="default"&gt;Holy guacamole!&lt;/ReactBootstrap.Button&gt;
        &lt;/ReactBootstrap.OverlayTrigger&gt;
      );
    }
  });
  
  React.render(&lt;Hello /&gt;, document.getElementById('app'));
  </code></pre>
  
  <p>I tried focus it will close popover on click inside the popover .</p>