useCombinedRefs

여러 개의 ref를 하나로 합치고 싶을 때 사용할 수 있는 hook입니다.

function useCombinedRefs<T>(...refs: Array<Ref<T> | CallbackRef<T>>): Ref<T>;

Example

const Example = forwardRef<HTMLDivElement, Props>((props, parentRef) => {
  const myRef = useRef<HTMLDivElement>(null);
  const ref = useCombinedRefs(myRef, parentRef);

  // 하단 div가 업데이트되면 "myRef"와 "parentRef" 모두가 업데이트 됩니다.
  return <div ref={ref} />;
});