获取 React 组件名称的最佳方法是什么？

Question

I have been struggling about finding a method to get the name of a React component. I tried the this.constructor.name property. However learnt that it doesn't work in production mode since Webpack minifies the code. Is there any way I can use without any caveats?

Answer 1

It's up on from where you need the name. If you can treat the component as a function (with hooks) you could just call Function.name

 function MyComponent({giveNameToParent}){ const sendInfo(){ giveNameToParent(MyComponent.name); } return ( <div onClick={sendInfo}>Hi there;</div> ); }

I don't know if this can solve your problem, but if you need something more solid, please give more context to your case.

Source: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name