title: Bootstrap tooltip is not working with react.js
body: <p>I was trying to use bootstrap tooltip on button to display complete information. But it is not working. Tooltip is not getting displayed.</p>
  
  <p>Here is my react code:</p>
  
  <pre><code>&lt;button type="button" ref="data" value={this.props.data} onClick={this.submit} className="btn btn-default btn-block" data-toggle="tooltip" data-placement="top" title={ this.props.data }&gt;
  { this.props.data.length &gt; 20 ?
  this.props.data.substring(0, 20)+'...' : this.props.data }
  &lt;/button&gt;
  </code></pre>
  
  <p>I even try to include it using bootstrap's javascript method like:</p>
  
  <pre><code>&lt;script&gt;
  $(function () {
      $('[data-toggle="tooltip"]').tooltip()
  })
  &lt;/script&gt;
  </code></pre>
  
  <p>What should I do for it?
  Thank you..</p>