请说明在React中创建组件的不同方式，并比较这些方式之间的异同点。

回答思路

1. 【回答框架 1】React中构建组件的方式主要有：函数组件、类组件，以及高阶组件、Render Props等复合模式。函数组件是纯函数接收props并返回React元素，类组件则通过继承React.Component或PureComponent定义。
2. 【回答框架 2】函数组件与类组件的核心区别在于：类组件拥有实例、生命周期方法和内部状态，而函数组件本身无状态，但在React 16.8引入Hooks后，函数组件也能使用useState、useEffect等实现状态和生命周期逻辑。
3. 【回答框架 3】高阶组件是一个函数，接收一个组件并返回新组件，常用于逻辑复用；Render Props则通过一个函数类型的prop来共享代码。两者都实现了组件间的逻辑复用，但数据流方向和使用方式不同。
4. 【回答框架 4】在React 16.8之后，官方推荐使用函数组件加Hooks，因为写法更简洁，更易于逻辑复用和测试，但类组件仍被支持。
5. 【关键点 1】React组件主要分为函数组件和类组件。
6. 【关键点 2】函数组件在引入Hooks后功能与类组件基本对齐。
7. 【关键点 3】高阶组件和Render Props是两种主要逻辑复用模式。
8. 【关键点 4】推荐优先使用函数组件加Hooks。
9. 【易错点 1】混淆高阶组件与类组件，注意它们是不同概念。
10. 【易错点 2】认为函数组件永远无状态，忽略了Hooks的能力。
11. 【易错点 3】在逻辑复用时不区分HOC和Render Props的适用场景。