react focus html element
[React] React.createRef() 에 대한 정리
[React] React.createRef() 에 대한 정리
2021.10.13[React] React.createRef() 에 대한 정리 React 프로젝트 실무를 하면서 Ref를 많이 사용하였지만 세부적으로 학습한 적이 없었다. 이번 포스팅에서 Ref에 관해서 공식 문서에서 공부한 내용을 바탕으로 정리해보려고 한다. Ref는 언제 사용하는가? Ref 관련 공식 문서에서는 다음과 같이 정의하고 있다. Ref 는 render 메서드에서 생성된 DOM 노드 혹은 React Element에 접근하는 방법을 제공합니다. React의 일반적인 Data Flow에서 부모와 자식 컴포넌트가 인터렉션 할 수 있는 유일한 수단은 props이다 (자식 컴포넌트를 수정 방법: 새로운 props를 전달 → 자식 컴포넌트 새롭게 렌더링) 하지만 일반적인 데이터 플로우가 아니라 자식 컴포넌트를 직접 수정..