React Js Open Input file onclick button

    const { useState, useRef } = React;

    function App() {

      const fileInput = useRef(null);

      const handleButtonClick = () => {

        fileInput.current.click();

      };

​

      const handleFileChange = (event) => {

        const selectedFile = event.target.files[0];

        if (selectedFile) {

          // Do something with the selected file

          console.log('Selected file:', selectedFile);

        }

      };

​

      return (

        <div className="container">

          <h3>React Js Open Input file onclick Button</h3>

          <input

            type="file"

            ref={fileInput}

            style={{ display: 'none' }}

            onChange={handleFileChange}

          />

          <button onClick={handleButtonClick}>Choose File</button>

        </div>

      );

    }

    ReactDOM.render(<App />, document.getElementById("app"));

  </script>