JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <label for="files">Add some files:</label>
    <input type="file" id="files" name="files[]" multiple />
</div>

JavaScript

function handleFileSelect(e) {
    var wrapper = document.getElementById('wrapper');
    var files = e.target.files;
    for(var i=0; i<files.length; i++) {
        wrapper.innerHTML += '<br />' + files[i].name;
    }
    // re-attach listener
    document.getElementById('files').addEventListener('change', handleFileSelect, false);
}

document.getElementById('files').addEventListener('change', handleFileSelect, false);