如何在自定义react钩子中获取当前react组件名称？

function useComponentName() {
  const componentName = React.useMemo(() => {
    const component = React.useMemo(() => {
      const stack = new Error().stack;
      const match = stack && stack.match(/at\s(\w+)\./);
      return match ? match[1] : '';
    }, []);

    return component.displayName || component.name || '';
  }, []);

  return componentName;
}

// 使用自定义钩子
function MyComponent() {
  const componentName = useComponentName();

  return <div>{componentName}</div>;
}

function useComponentName() {
  const componentName = React.useMemo(() => {
    const component = React.useMemo(() => {
      const stack = new Error().stack;
      const match = stack && stack.match(/at\s(\w+)\./);
      return match ? match[1] : '';
    }, []);

    return component.name || '';
  }, []);

  return componentName;
}

// 使用自定义钩子
function MyComponent() {
  const componentName = useComponentName();

  return <div>{componentName}</div>;
}