useRef

문혜민·2022년 4월 9일
0

useRef!!
리액트 훅중 하나로
A버튼을 누르면 q버튼을 누르게되는 기능으로 활용할 수 있다.
특히나 파일업로드 input의 못생김을 ㅎㅎ 감추는데에 사용했다.


  const fileRef = useRef<HTMLInputElement>(null);
  
  
  const ButtonA = () => {
    fileRef.current?.click();
  };
  
  const ButtonB=()=>{
  console.log("A버튼 눌렀는데 B가실행되따!!")
  }
 
  
  
  return(<>
  
  <button onClick={ButtonA}/>  
 <button onClick={ButtonB} ref={fileRef}/>
  
  </>)
profile
프론드엔드 개발하면서 메모장처럼 쓰는즁

0개의 댓글

관련 채용 정보