Skip to content

combineRefs

props로 받은 ref와 내부에서 쓰일 ref를 합쳐주는 함수

arguments

이름타입설명
refsReact.ForwardedRef<T>합치고자 하는 ref 배열

example

tsx
import { combineRefs } from 'utils-dev-krak/react';
import { forwardRef, useRef } from 'react';

const Comp = forwardRef<HTMLDivElement>((_, ref) => {
  const innerRef = useRef<HTMLDivElement>(null);
  
  // innerRef와 외부에서 전달된 ref가 같은 요소를 참조하도록 함
  return <div ref={combineRefs(ref, innerRef)}>Test</div>;
});