title: How to use a JS library which is already provided by an html designer in React component, the js library is nice-select.sj?
body: <p>I have a html designed by a HTML Designer. He has used <em>nice-select.js</em> for a dropdown menu. I imported it into my <em>index.html</em> and executed this :  </p>
  
  <pre><code>$(document).ready(function(e){
      $(".drop").niceSelect();
  }
  </code></pre>
  
  <p>And it works fine when it is loaded in the first page. But on clicking a menu item which points to a different component, the js does  not initiated here and the design does not go for that component.</p>
  
  <p>Now how to use this <code>$</code> function in <code>ComponentdidMountMethod()</code>?</p>
  
  <p>I have install the jquery using npm install jquery --save and tried to use it but got an error <code>niceSelect is not a function</code>.</p>
  
  <p>Can anyone help in this regards.</p>
  
  <p>Thanks in advance.     </p>
  
  <pre><code>import React, { Component } from 'react';
  import{Link} from 'react-router-dom';
  import $ from 'jquery';
  
  $(".drop").niceSelect();
  </code></pre>
  
  <p>This gives an error nice select is not a function.</p>