JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://www.jqueryscript.net/demo/jQuery-Plugin-For-Custom-Tags-Input-Select-Box-selectize-js/selectize.css">
<link rel="stylesheet" href="http://www.jqueryscript.net/demo/jQuery-Plugin-For-Custom-Tags-Input-Select-Box-selectize-js/examples/_stylesheet.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.6.14/selectize.js"></script>
<div class="demo">
    <input type="text" value="test" class="demo-default selectized" id="input-tags" tabindex="-1" style="display: block;">

        <label for="select-beast">Beast:</label>
    <select id="select-beast" class="demo-default" placeholder="Select a person...">
        <option value="">Select a person...</option>
        <option value="4">Thomas Edison</option>
        <option value="1">Nikola</option>
        <option value="3">Nikola Tesla</option>
    </select>
    </div>

JavaScript

var data = ["banana", "apple", "orange"];
var items = data.map(function (x) {
    return {
        item: x
    };
});

$('#select-beast').selectize({
    create: true,
    sortField: 'text',
    dropdownParent: 'body'
});

$('#input-tags').selectize({
    persist: false,
    maxItems: 1,
    create: true,
    options: items,
    labelField: "item",
    valueField: "item",
    sortField: 'item',
    dropdownParent: 'body'
});