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

Using Hooks with useref:

import React, {useRef} from 'react';
const FancyInput = () => {
    const fileInput = useRef(null)

    const handleClick = () => {
        fileInput.current.click()
    }

    const handleFileChange = event => {
        console.log("Make something")
    }

    return(
        

             handleFileChange(e)}
                ref={fileInput} 
            />
            
 handleClick()}>
        
    )
}
export default FancyInput;