複数のrefを1つの要素に結合するユーティリティ
...refsReadonlyArray<Ref<T> | undefined>| Prop | Type | Default |
|---|---|---|
...refs | ReadonlyArray<Ref<T> | undefined> | - |
callbackRefRefCallback<T>| Prop | Type | Default |
|---|---|---|
callbackRef | RefCallback<T> | - |
Both refs point to the same input. Measured width: ...
import { mergeRefs } from '@k8ordo/ui';const Input: FC<{ ref?: Ref<HTMLInputElement> }> = ({ ref }) => {
const internalRef = useRef<HTMLInputElement>(null);
return <input ref={mergeRefs(internalRef, ref)} />;
};