title: How do use bootstrap tooltips with React?
body: <p>I had tooltips working earlier and am trying to migrate my component to React. I'm not using react-bootstrap yet because I'm not sure if I'm going to because it's still under heavy development and not 1.0 yet.</p>
  
  <p>Here's a snippet of what my render code looks like:</p>
  
  <pre><code>&lt;span&gt;
      &lt;input data-toggle="tooltip" ref="test" title={this.props.tooltip}  type="radio" name="rGroup" id={"r" + this.props.name} /&gt;
      &lt;label className="btn btn-default" htmlFor={"r" + this.props.name}&gt;&lt;/label&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>And calling it:</p>
  
  <pre><code>&lt;MyComponent name="apple" tooltip="banana" /&gt;
  </code></pre>
  
  <p>I know you have to call the tooltip function to get it to show up and I think that's where I'm messing up. I'm currently trying something like this:</p>
  
  <pre><code>componentDidMount() {
      $(this.refs.test).tooltip();
      // this.refs.test.tooltip(); ?
      // $('[data-toggle="tooltip"]').tooltip(); ?
  }
  </code></pre>
  
  <p>But none of this seems to be working. The tooltip isn't showing up.</p>