forwardRef1 [React] forwardRef: 자식 컴포넌트에 ref를 전달하는 방법 React의 ref 리액트에서는 DOM 노드에 접근하기 위해 컴포넌트의 ref라는 속성을 이용한다. 리액트에서 권장되지 않는 방법이지만, ref를 사용해 노드의 속성을 직접 변경하는 것도 가능하다. import React, { useRef } from "react"; const ColorBlock = () => { const ref = useRef(); const handleClick = () => { ref.current.style.background = 'red'; } return ( CLick Me ); }; 가끔은 자식 컴포넌트의 노드에 접근하기 위해 자식에게 ref를 전달해야하는 경우가 있다. 그러나 React에서 ref는 이미 예약된 이름이기 때문에 자식에게 prop으로 전달되지 않는다. co.. 2022. 5. 23. 이전 1 다음