useMergeRefs

Объединяет несколько React ref в один callback ref.

Объединяет несколько React ref в один callback ref.

Использование

'use client';

import { useRef, type Ref } from 'react';
import { useMergeRefs } from '@prosazhin/pbcomponents';

function Example({ forwardedRef }: { forwardedRef: Ref<HTMLDivElement> }) {
  const localRef = useRef<HTMLDivElement>(null);
  const ref = useMergeRefs(localRef, forwardedRef);
  return <div ref={ref} />;
}

API хука

Параметры

ПараметрТип / вариантыНазначениеПо умолчанию
...refs(Ref<T> | undefined)[]Объектные и callback ref, которые нужно объединить.

Возвращает

ЗначениеТип / вариантыНазначение
refRefCallback<T>Общий callback ref для элемента.

На этой странице