useCombinedRefs

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

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

Examples

const SomeComponent = forwardRef((props, parentRef) => {
  const myRef = useRef(null);
  const ref = useCombinedRefs(myRef, parentRef);

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