JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id=customOrth1 style="position: absolute; left:0; top:0px; ">
<button><label for="inputFile1" style="padding-left: 0px;">
<a >choose 1 File</a></label></button>
<input style="display: none;" type="file" id="inputFile1">
</div>
<button id="load1" style="position: absolute;top:60px">Load1</button>

<div id=customOrth2 style="position: absolute; left:0; top:110px; ">
<button><label for="inputFile2" style="padding-left: 0px;">
<a >choose 2 File</a></label></button>
<input style="display: none;" type="file" id="inputFile2">
</div>
<button id="load2" style="position: absolute;top:160px">Load2</button>