JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" id="file"><button id="button">Browse...</button><span id="filename">no file</span>
<br>
<input type="file">

CSS

#file { display: none; }

JavaScript

$('#button').click(function(e) { 
    e.preventDefault(); 
    $('#file').click(); 
});

$('#file').change(function() {
    $('#filename').text($(this).val() || 'no file');                        
});