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

Question

我一直在努力寻找一种方法来获取 React 组件的名称。 我尝试了this.constructor.name属性。 但是了解到它在生产模式下不起作用，因为 Webpack 缩小了代码。 有什么方法可以在没有任何警告的情况下使用吗？

Answer 1

它从你需要名字的地方开始。 如果您可以将组件视为 function（带挂钩），您可以调用Function.name

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

我不知道这是否可以解决您的问题，但是如果您需要更可靠的东西，请为您的案例提供更多背景信息。

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