JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.css">
<div class="d1">

  <select class="select" multiple name="param"></select>
</div>
<button class="clone">
clone
</button>

CSS

.select {
  width: 50%;
}

JavaScript

var data = [{
  id: 0,
  text: 'Enhancement'
}, {
  id: 1,
  text: 'Bug'
}];

$('.select').select2({
  placeholder: "Select a location",
  data: data
});

$('.clone').click(function() {
  var clone = $('.select').clone();
  $('body').append(clone);

});