@modern-kit/react
Version:
1 lines • 1.3 kB
Source Map (JSON)
{"version":3,"file":"index.mjs","sources":["../../../src/hooks/useMergeRefs/index.ts"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { mergeRefs } from '../../utils/mergeRefs';\n\n/**\n * @description `useMergeRefs`는 여러 개의 React ref를 하나의 ref로 병합하여, 한 번에 여러 ref에 값을 설정할 수 있도록 하는 커스텀 훅입니다.\n *\n * 이 훅은 주어진 ref들을 병합하여, 하나의 `ref callback`을 반환합니다. 반환된 `ref callback`은 컴포넌트에 전달되어,\n * 해당 컴포넌트의 DOM 요소나 인스턴스가 모두 제공된 ref에 적용됩니다.\n *\n * @template T - ref가 가리키는 요소 또는 인스턴스의 타입.\n * @param {React.Ref<T>[]} refs - 병합하고자 하는 여러 개의 ref.\n * @returns {React.RefCallback<T>} 병합된 ref를 처리하는 하나의 `ref callback`을 반환합니다.\n *\n * @example\n * <Component ref={useMergeRefs(ref1, ref2, ref3)} />\n */\nexport function useMergeRefs<T = unknown>(\n ...refs: React.Ref<T>[]\n): React.RefCallback<T> {\n // eslint-disable-next-line\n return useCallback(mergeRefs(...refs), refs);\n}\n"],"names":[],"mappings":";;;;AAgBO,SAAS,gBACX,IAAA,EACmB;AAEtB,EAAA,OAAO,WAAA,CAAY,SAAA,CAAU,GAAG,IAAI,GAAG,IAAI,CAAA;AAC7C;;;;"}