类式组件与函数式组件的区别？

类式组件和函数式组件是 React 中两种不同类型的组件，它们之间有一些区别：

1. 定义方式：

   • 类式组件是通过创建一个继承自 React.Component 的类来定义的，其中包含 render() 方法用于返回要渲染的 JSX 元素。
   • 函数式组件是简单的 JavaScript 函数，接收 props 作为参数并返回要渲染的 JSX 元素。

2. 状态管理：

   • 类式组件可以使用 state 来存储组件的内部状态，并使用 setState() 方法来更新状态。
   • 函数式组件之前无法存储状态，但随着 React Hooks 的引入，可以使用 useState() 等 Hook 来在函数式组件中添加状态管理功能。

3. 生命周期方法：

   • 类式组件可以使用生命周期方法（如 componentDidMount、componentDidUpdate 等）来处理组件的生命周期事件。
   • 函数式组件以前无法直接使用生命周期方法，但可以使用 useEffect Hook 来模拟组件的生命周期行为。

4. 性能：

   • 函数式组件通常比类式组件执行速度更快，因为它们只是简单的函数调用，不需要创建实例或绑定 this 等操作。

总的来说，随着 React Hooks 的引入，函数式组件已经具备了更多类似类式组件的特性，因此在开发新组件时推荐使用函数式组件。