React命名类组件与匿名类组件

Question

命名类组件和匿名类组件之间是否存在差异？ HOC的标准模式是返回呈现WrappedComponent的匿名类。将普通组件导出为匿名类是否有任何缺点？

命名类：

MyComponent.js

worker.js

匿名课程：

MyComponent.js

export default class MyComponent extends Component {...}

....

import MyComponent from './MyComponent';

<MyComponent />

对React Suspense有何影响？

Answer 1

如果使用匿名类组件，即隐式或动态声明的组件，则这些类组件将通过react（React Dev工具）命名为<Unknown />。

例如：

export default class extends Component {...}

将是：

<Unknown>
// rest of the component structure goes here
</Unknown>

注意：

• 未命名的类组件难以调试
• 未命名的功能可以 导致测试库和工具（如Jasmine间谍，Enzyme和Jest）的问题