JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.full.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css">
<select id='select2-id'>
<option value="one">Value One</option>
<option value="two">Value Two</option>
<option value="three">Value Three</option>
</select>

CSS

#select2-id {
  width: 100%;
}

JavaScript

$(document).ready(function () {
  var $select = $('#select2-id');
  $select.select2();
  $('select').val('one').trigger('change');
});