Blame view

天文台pc/tianwentai-ui/node_modules/use-callback-ref/dist/es2015/useTransformRef.js 725 Bytes
bc518174   王天杨   提交两个项目文件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
  import { assignRef } from './assignRef';
  import { useCallbackRef } from './useRef';
  /**
   * Create a _lense_ on Ref, making it possible to transform ref value
   * @param {ReactRef} ref
   * @param {Function} transformer. 👉 Ref would be __NOT updated__ on `transformer` update.
   * @returns {RefObject}
   *
   * @see https://github.com/theKashey/use-callback-ref#usetransformref-to-replace-reactuseimperativehandle
   * @example
   *
   * const ResizableWithRef = forwardRef((props, ref) =>
   *  <Resizable {...props} ref={useTransformRef(ref, i => i ? i.resizable : null)}/>
   * );
   */
  export function useTransformRef(ref, transformer) {
      return useCallbackRef(null, function (value) { return assignRef(ref, transformer(value)); });
  }