[리액트] Forward Refs

Forward Refs

• 리액트에서는 ref를 props로 내려주지 못한다.

• 여기서 ref를 props로 내려받고 activate함수를 통해 현재 ref에 focus하는 함수를 만들고

• 부모 컴포넌트에서 이를 실행하려했지만, 오류가 뜬다.

• 이럴 때는 아래와 같이 해주면 된다.

 

자식에서 useImperativeHandle 사용

• 사진의 순서대로 변경해주면 된다.