如何在自定义反应挂钩中获取当前反应组件名称？

Question

我有一个自定义挂钩

function myCustomHook() {
   const currentComponentName = //? 
   return `currentComponentName${customSuffix}`
}

function Sample() {
  const name = myCustomHook()
}

function Component2() {
  const name = myCustomHook()
}

是否有可能获得组件的唯一名称？ 或此用例的任何其他替代方案？

Answer 1

const getName = () => {
    const stack = new Error().stack;
    const lines = stack.split("\n");
    const line = lines[3];
    const match = line.match(/at (.*) \(/);
    const name = match[1];
    return name;
  };

我是用copilot搞定的...

Answer 2

也许useRef可以帮助处理您的案例https://medium.com/trabe/react-useref-hook-b6c9d39e2022