JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" id="file_input" webkitdirectory="" mozdirectory="" directory="" />
<div id="list_of_files">
    
</div>

JavaScript

var $list = $('#list_of_files');

$('#file_input').change(function(event) {
    var listOfFiles = event.target.files;

    for (var i = 0, l = listOfFiles.length; i < l; ++i) {
      $list.append($('<p>'+ listOfFiles[i].name +'</p>'));
    }
});