mobile-more/es/hooks/useCompatId.js

基于 antd-mobile v5 扩展移动端 UI 组件

import React from 'react';

/**
 * 获取 id 。
 *
 * - 兼容 `React@16-17` 没有 useId 的过渡方案。
 *
 * @param prefix 自定义id前缀
 * @returns
 */
function useCompatId() {
  var _React$useId;
  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
  var originId = (_React$useId = React.useId) === null || _React$useId === void 0 ? void 0 : _React$useId.call(React);
  var customId = React.useMemo(function () {
    return prefix + Date.now();
  }, [prefix]);
  if (originId) {
    return prefix + originId;
  }
  return customId;
}
export default useCompatId;