javascript - ReactJS 当我使用 Redux 时所有组件都是类组件，这正常吗？

Question

在我学习 React 的时候，老师总是提醒我应该尽可能多地使用函数式组件，尽量避免使用类组件，少用类组件。是的，那时候很容易。

现在我正在使用Redux，我几乎不能使用功能组件，因为从react-redux导入的connect()只能与类组件一起使用，因此我的应用程序的每个组件都是类组件。这是正常的吗？如今，hooks API(使用函数式组件)越来越受欢迎。

Answer 1

嗯，有两件事:

首先，有可能 connect a functional component .

其次，您不应该将每个组件都连接到 Redux。实际上，连接到 Redux 的组件越少越好。理想情况下，对于一组组件，您有一个连接到存储的“容器”组件(并且其中包含其中的所有其他相关状态和逻辑)，然后它将这些内容传递给功能/类组件子组件(更注重演示)。然后，您可以在整个应用程序中拥有一些这样的容器，其余组件只是传统的 React 组件。

如果将所有内容直接连接到存储，可能会导致组件可重用性降低、性能不佳或导致不良组件布局/层次结构等问题。