reactjs - 函数式组件比 Class 组件性能更好?
问题描述
在 react hooks 之前,我们将函数式组件称为无状态组件。那时它确实比类组件快,但现在呢?
由于我们有反应钩子,无状态组件不再精确。功能组件是否比运行相同功能的类组件更快?
例如在功能组件中,
- 我可以
state
使用useState
钩子来处理变量。 useEffect
可以表示componentDidMount
,componentWillReceiveProps
或 Class 组件中的其他一些生命周期方法。- …………
我们还有许多其他钩子函数,但哪些钩子可以让我的类组件更快或更轻?
解决方案
与基于类的组件相比,使用 React 钩子肯定会减少您必须编写的代码量。它们更容易阅读和调试。在性能方面,在类组件中:
每次渲染后清理和应用效果是一项繁重的任务,我们可能会遇到问题或错误。
所以整体 Hooks 是一个更好的选择。 资源
推荐阅读
- javascript - 如何使用 axios 并获取 JSON 数据
- html - 为什么 robots.txt 很重要?没有 robots.txt 的网站是否安全?
- facebook-graph-api - Leadgen Webhook:请求此资源需要用户访问令牌
- javascript - XSS 攻击和编码
- javascript - 导航器/窗口更改时如何更新反应钩子?
- keycloak - 无法从 keycloak 建立到 Mailhog 的 SMTP 连接
- java - java.lang.Error:java.lang.reflect.InvocationTargetException
- swift - HTTP POST html 数据有 0 个字节
- css - React Native Flex 不会填充宽度相等
- redis - 有什么理由在 Redis 中使用 multi/watch/exec 而不是 Lua 脚本(eval)?