什么是“有状态组件”和“无状态组件”？在 React 中为什么更推荐函数组件？

What are stateful vs stateless components, and why are function components often preferred in React?

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: medium

分类: Frontend

标签: hooks, functional-components

参考答案摘要

答案 有状态组件通常指能维护自身状态与生命周期的类组件；无状态组件多为纯函数，专注展示与轻量逻辑。现代 React 推荐函数组件 + Hooks：代码更简洁、逻辑复用更自然（自定义 Hook）、避免 this 心智负担，且配合 memo 等机制更易做性能优化。状态应尽量集中与可控，减少分散带来的维护成本。

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。