title: How to render a react component inside a bootstrap popover
body: <p>I'm trying to get a component to render inside of a bootstrap popover:</p>
  
  <pre><code>componentDidMount() {
          $(this.refs.shareLink).popover({
              react: true,
              title: "Share!",
              content: &lt;ShareLinkComponent lobbyid={this.props.lobbyid}/&gt;
          })
      }
  .....
  &lt;td&gt;&lt;a href="#"&gt;&lt;i ref="shareLink" className="fa fa-share-square-o"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/td&gt;
  .....
  
  
  class ShareLinkComponent extends Component {
      render() {
          return (
              &lt;div&gt;
                  &lt;p&gt;Copy And Share&lt;/p&gt;
                  &lt;input type="text" value={`${window.location.host}/party/${this.props.lobbyid}`}/&gt;
              &lt;/div&gt;
          )
      }
  }
  </code></pre>
  
  <p>So how might I make this work exactly.</p>