JSFiddle - React, Tailwind, and code Playground
HTML
<div id="input_fields">
<input class="tags" />
</div>
<div id="clone">+</div>
JavaScript
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$(document).ready(function() {
enable_autocomplete($('.tags'));
$('#clone').click(function() {
$('#input_fields input:first').clone().val('').appendTo('#input_fields');
enable_autocomplete($('#input_fields input:last'));
});
});
function enable_autocomplete(InputField) {
$(InputField).autocomplete({
source: availableTags
});
}