当您遇到以下情况时,React开发工具可以完美运行(正确地在“组件”选项卡中显示组件的名称):

const MyComponent = ...
export { MyComponent }

但是,如果将其更改为内联导出:
export const MyComponent = ...

它将组件名称显示为“匿名”。

一般而言,内联导出有什么问题吗?

最佳答案

对于内联导出,您需要手动指定displayName属性(我知道,这很痛苦)。

所以你也是

    export const MyComponent = () => {
      //stuff happens here
    }

    MyComponent.displayName = "MyComponent";

09-25 17:13
查看更多