react什么时候用函数组件，什么时候用类组件

在 React 中，使用函数组件还是类组件取决于你的需求和个人偏好。在过去，类组件是主要的 React 组件形式，但是随着 React Hooks 的引入，函数组件也变得非常强大，两者之间的差异已经减小。以下是一些指导原则：

1. 简单的 UI 组件：对于简单的 UI 组件，如按钮、图标、展示静态内容的组件等，使用函数组件通常更简洁明了。

2. 状态管理：如果组件需要内部状态或生命周期方法，则类组件可能更合适。但是，自 React 16.8 版本引入 Hooks 后，函数组件也可以使用状态和其他 React 特性，因此你可以考虑在函数组件中使用 Hooks 来管理状态。

3. 性能：通常来说，函数组件比类组件具有更好的性能，因为函数组件本身没有实例化过程，并且函数本身具有更轻量的内存开销。但是在实践中，这种性能差异可能不太明显，除非你的应用程序具有非常大量的组件。

4. 团队约定：有时候，团队可能会有自己的偏好或约定，比如全面采用函数组件或类组件。

至于为什么 Ant Design (antd) 的示例代码大多数都是函数组件，可能有几个原因：

• 简洁性：函数组件相对于类组件来说，代码量更少，更易于阅读和编写。
• 性能：函数组件通常比类组件性能更好。
• Hooks 支持：antd 可能更倾向于使用函数组件，因为函数组件更容易与 React Hooks 配合使用，而 Hooks 是 React 生态系统的一部分，也是未来发展的方向。
• 函数式编程范式：函数组件符合函数式编程的范式，这与 React 的设计理念有一定的契合。

总的来说，选择函数组件还是类组件取决于你的具体情况和偏好。在现代 React 应用程序中，函数组件在很多情况下是首选，但有些情况下类组件仍然是必需的，比如需要使用生命周期方法或是需要继承 React.Component 的情况。