title: table-hover (bootstrap) not work with react
body: <p>I have already installed popper and jquery with NPM. </p>
  
  <p>and imported in App.js: </p>
  
  <pre><code>import '../node_modules/jquery/dist/jquery.min.js'
  import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
  import '../node_modules/bootstrap/dist/js/bootstrap.min.js';
  </code></pre>
  
  <p>The css part seems to work fine, but I don't see any jquery( bootstrap.js) running. When I use table, table-striped and table-hover does not work. Here is the code I was testing, from Traversy Media( I pasted inside a render in App.js). I have tried both class and className</p>
  
  <pre><code>&lt;div className="container"&gt;
        &lt;table className="table table-striped table-bordered table-hover table-condensed"&gt;
          &lt;tr&gt;
            &lt;th&gt;Firstname&lt;/th&gt;
            &lt;th&gt;Lastname&lt;/th&gt;
            &lt;th&gt;Age&lt;/th&gt;
          &lt;/tr&gt;
          &lt;tr class="danger"&gt;
            &lt;td&gt;Jill&lt;/td&gt;
            &lt;td&gt;Smith&lt;/td&gt;
            &lt;td&gt;50&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;Eve&lt;/td&gt;
            &lt;td&gt;Jackson&lt;/td&gt;
            &lt;td&gt;24&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="success"&gt;
            &lt;td&gt;John&lt;/td&gt;
            &lt;td&gt;Doe&lt;/td&gt;
            &lt;td&gt;34&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;Stephanie&lt;/td&gt;
            &lt;td&gt;Landon&lt;/td&gt;
            &lt;td&gt;47&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;Mike&lt;/td&gt;
            &lt;td&gt;Johnson&lt;/td&gt;
            &lt;td&gt;19&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thank you</p>