JSFiddle - React, Tailwind, and code Playground

HTML

<form>
     <input type="file" id="directory" webkitdirectory>
</form>

<div id="console">
</div>

JavaScript

$(document).ready(function() {
    $("#directory").change(function() {
        var fileNames = $.map(this.files,
            function(currentFile) {
                return currentFile.name;
            });
        $("#console").html(fileNames.join("<br />"));
    });
});