函数式组件比 Class 组件性能更好？答案

【问题标题】：Functional components have better performance than Class components?函数式组件比 Class 组件性能更好？
【发布时间】：2021-02-25 17:10:55
【问题描述】：

在 react hooks 之前，我们将函数式组件称为无状态组件。那个时候确实比类组件快，但是现在呢？

由于我们有反应钩子，无状态组件不再精确。功能组件是否比运行相同功能的类组件更快？

例如在功能组件中，

我可以使用useState 钩子处理state 变量。
useEffect 可以表示 componentDidMount、componentWillReceiveProps 或 Class 组件中的其他一些生命周期方法。
... ... ...

我们还有许多其他钩子函数，但哪些钩子可以让我的类组件更快或更轻？

【问题讨论】：

【解决方案1】：

【讨论】：

【解决方案2】：

React 中的函数式组件和类组件都提供相同的功能。使用任何方法时都不应遗漏任何内容，并且渲染性能也不应有所不同。

通常，使用函数式组件可以减少代码编写量。这会让你的同事更容易理解

【讨论】：

【解决方案3】：

与基于类的组件相比，使用 React 钩子肯定会减少您必须编写的代码量。它们更易于阅读和调试。在性能的意义上，在类组件中：

在每次渲染后清理和应用效果是一项繁重的任务，我们可能会遇到问题或错误。

所以整体 Hooks 是一个更好的选择。 source

【讨论】：