JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.jquery.min.js"></script>
  <div class="hidden">
    
    <select data-placeholder="Select one..." class="chzn-select" style="width:350px;" tabindex="2">
      <option value=""></option> 
      <option value="001">Option 1</option>
      <option value="002">Option 2</option>
      <option value="003">Option 3</option>
      <option value="004">Option 4</option>
      <option value="005">Option 5</option>
    </select>
</div>

<button type="button" id="foo">show chosen now</button>

CSS

.hidden {
    display: none;
}

JavaScript

$("#foo").on("click", function() {
    $(".hidden").show();
    $('.chzn-select').chosen();
});