파일 선택(input type="file")과 버튼 연결 하기(feat.useRef)

UseRef 훅을 사용
HTMLDOM 메서드 click( ) 사용

import { useRef } from "react";

//파일 업로드 버튼 누르면(onClick)/ input type=file이 클릭돼서(.click())/파일선택창 열림

const Ref = () => {
  const selectFile = useRef("");

  return (
    <div>
      <input
        type="file"
        style={{ display: "none" }}
        ref={selectFile} //input에 접근 하기위해 useRef사용
      />
      <button onClick={() => selectFile.current.click()}>파일 업로드</button>
    </div>
  );
};

export default Ref;