请解释：React中类组件和函数组件?它们有什么区别 是什么？

【概念释义】

类组件 class X extends React.Component，用 lifecycle + this.state；函数组件 是普通函数 + Hooks。函数组件更简洁、易抽逻辑（自定义 Hook）、配合 memo；类组件见于旧代码，需懂生命周期与 this。React 官方推荐函数组件。

【基础使用】

function CounterFn() {
  const [n, setN] = useState(0);
  return <button onClick={() => setN(n + 1)}>{n}</button>;
}