reactjs - react - 偏好 : function component vs class component

Question

这个问题在这里已经有了答案:





When to use ES6 class based React components vs. functional ES6 React components?

(5 个回答)


7 个月前关闭。




是否放弃了类组件？

我看到在几个库示例中，函数组件是优先考虑的。

尤其是 React 导航。

同样，带有 Hook 的 React 本身仅使它们可用于函数组件。

主要问题是:为什么功能组件如此重要？

Answer 1

不，我认为今天不会放弃类组件。也许在 future 。
它们不像功能组件那样轻量级，但我在社区上看到很多使用类组件的项目。
但是，这里我们有一些社区支持 Functional Components 的原因。方法:

类组件需要更多代码，但也会给你带来一些好处，稍后你会看到(Babel 转译的代码也会更大)

函数式组件只是一个普通的 JavaScript 函数，它接受 props 作为参数并返回一个 React 元素。

函数式组件更易于阅读和测试，因为它们是纯 JavaScript 函数(代码更少)。

React 团队 mentioned在 future 的 React 版本中，功能组件的性能可能会有提升

看到这个答案: https://stackoverflow.com/a/49613435/4119452
更多信息: https://www.twilio.com/blog/react-choose-functional-components