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

Question

I have a custom hook

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

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

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

is it possible to get the unique name of a component? or any other alternative for this use case?

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;
  };

I got it using copilot...

Answer 2

Maybe useRef can help to deal with your case https://medium.com/trabe/react-useref-hook-b6c9d39e2022