JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<ul id="files">
</ul>
<button id="addFile">Add</button>
<hr/>
<input type="submit" value="Submit" />

JavaScript

$(function() {
	$("#addFile").click(addFile);
});

function addFile() {
  var fileInput = $("<input type='file' name='files' style='display: none' />");
  fileInput
    .bind("change", function() {
    	if (fileInput.val() !== null) {
      	var li = $("<li></li>");
        li.append("<span>" + fileInput.val() + "</span>");
        li.append(fileInput);
        $("#files").append(li);
    	}
  	})
    .click();
}