JSFiddle - React, Tailwind, and code Playground
HTML
<input type="file" name="somename" size="chars">
<button>Choose File</button>
<label></label>
CSS
input {
display: block;
visibility: hidden;
width: 0;
height: 0;
}
JavaScript
$('button').click(function(){
let $label = $('label');
let $input = $('input');
$input.change(()=>{
$label.text($input.val());
});
$input.click();
});