JSFiddle - React, Tailwind, and code Playground

HTML

<label class="file">File</label>
<input class="none" type="file">

<label class="file">File</label>
<input class="none" type="file">

JavaScript

var _file = document.getElementsByClassName('file'); //Return a NodeList
var _none =  document.getElementsByClassName('none');
for(var x = 0;x<_file.length;x++){
  (function(x){
   _file[x].addEventListener('click',function(){
   console.log(x)
     document.getElementsByClassName('none')[x].click();
   })
 }(x))
}