JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://semantic-ui.com/dist/semantic.css">
<script src="http://semantic-ui.com/dist/semantic.js"></script>
<div class="field">
  <label>Choose a person</label>
  <select class="ui fluid search selection dropdown">
    <option value="">Persons</option>
    <option value="john">john</option>
    <option value="jack">jack</option>
    <option value="boby">boby</option>
  </select>
  <span id="output_span"></span>
</div>

CSS

body {
  padding: 1em;
  line-height: 2em;
}

JavaScript

$('.ui.dropdown').dropdown({
  allowAdditions: true,
  forceSelection: false,
  onChange: function(value, text) {
    document.getElementById('output_span').innerHTML = text
  },
});