当您遇到以下情况时,React开发工具可以完美运行(正确地在“组件”选项卡中显示组件的名称):
const MyComponent = ...
export { MyComponent }
但是,如果将其更改为内联导出:
export const MyComponent = ...
它将组件名称显示为“匿名”。
一般而言,内联导出有什么问题吗?
最佳答案
对于内联导出,您需要手动指定displayName属性(我知道,这很痛苦)。
所以你也是
export const MyComponent = () => {
//stuff happens here
}
MyComponent.displayName = "MyComponent";