hooks ( ref )

1) 개요

  - 일반적으로 JSX 참조할 때 사용됨

  - 드물지만 일반값 저장도 가능

  - 말그대로 저장용도로만 사용, UI에 반영 안됌

 

2) 사용방법

  가. import

        import {useRef} from 'react';

 

  나. useRef 사용

        let xxx = useRef(기본값);

 

   다. JSX에 ref 설정 

      ex> <input  ref={xxx} />

             <Child ref={xxx} />

             <Child ref={xxx=>xxx} />

 

   라. JSX 접근 방법

      xxx.current 속성으로 참조 가능

 

 

 

3) 부모에서 자식을 참조 가능

    https://react.dev/reference/react/forwardRef

 

    ref는 속성이지만 props로 안넘어간다

 - <Child ref={xxx} userid="홍길동" />

  

   넘길려면 추가 작업을 해줘야함

 

   

 

      4) 부모에서 자식의 메서드 호출

   https://react.dev/reference/react/useImperativeHandle