gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 13:50:15 24 4
gpt4 key购买 nike

命名类组件和匿名类组件之间有区别吗? HOC 的标准模式是返回呈现 WrappedComponent 的匿名类。将普通组件也导出为匿名类有什么缺点吗?

命名类:

MyComponent.js

export default class MyComponent extends Component {...}

....

import MyComponent from './MyComponent';

<MyComponent />

匿名类:

MyComponent.js

export default class extends Component {...}

....

import MyComponent from './MyComponent';

<MyComponent />

对 React Suspense 有什么影响吗?

最佳答案

如果您使用匿名类组件,即您隐式或动态声明的组件,这些类组件将被命名为 <Unknown />通过 react ( react 开发工具)。

例如:

export default class extends Component {...}

将是:

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

注意:

  • 未命名的类组件更难调试
  • 未命名的函数可以导致测试库和工具(例如 Jasmine spies、Enzyme 和 Jest)出现问题

关于javascript - React 命名类组件与匿名类组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49659465/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com