How to trigger INPUT FILE event REACTJS by another DOM

Question

I have a INPUT BUTTON and INPUT FILE, I want to click the BUTTON and it will trigger the INPUT FILE event

Answer 1

You could trigger the input type file with ref, f.e:

on your class component:

 this.fileInput = fileInput} 
    type="file"
 />
 Select File 

and make a function on that class component too:

triggerInputFile = () => this.fileInput.click()