211218 리액트 ref 속성

* 자식 요소에 접근이 필요한 경우가 있다.
DOM 크기 / 포커스 주기 / 스크롤 위치 
=> ref 속성값을 쓰면 된다

 

export default function APp(){
    const inputRef = useRef();

    useEffect(()=>{
    inputRef.current.focus();
    },[]);

    return (
      <div>
        <input type="text" ref = {inputRef}/>
        <button>저장</button>
      </div>
    )
}

useEffect-> 렌더링 후에 수행 되기때문에 가능함.


함수형 컴포넌트... 
useImparativeHandle
함수형 컴포넌트 내부의 변수/함수를 외부에서 호출할 수 있게된다.



어렵다... 지금은 이게 왜필요한지, 무슨 말인지 이해가 안간다.나중에 듣자ㅜㅜ