反应功能与类组件

问题描述

是否可以在单个React App中同时使用功能组件和类组件？我正在使用React构建网站UI，后端已经使用NodeJS构建。我使用的模板是使用类组件构建的，其中我要介绍的新组件是具有Context API的功能。它们可以一起工作，还是有必要将所有的类组件都转换为函数？。

解决方法

是的，您可以在同一应用程序中同时使用它们。它们是100％兼容的。

• 每个人都可以将道具传递给另一个人
• 它们都将被编译成普通的javascript。

引用reactjs.org：

在React应用中，组件是有状态的还是无状态的 考虑了可能更改的组件的实现细节 随着时间的推移。您可以在有状态内部使用无状态组件 组件，反之亦然。

来自here的另一句话：

”至关重要的是，Hooks与现有代码并肩工作，因此您可以 逐渐采用它们。不必急着迁移到Hooks。我们 建议避免任何“大改写”，尤其是对于现有的， 复杂的类组件。开始需要一点思路 “用钩子思考”。根据我们的经验，最好练习使用 首先挂钩新的和非关键的组件，并确保 您团队中的每个人都对他们感到满意。”