React 中受控组件（controlled）与非受控组件（uncontrolled）有什么区别？

What is the difference between controlled and uncontrolled components in React?

题目类型: 技术面试题

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

难度: hard

分类: react-forms

标签: react, controlled-component, uncontrolled-component, forms

参考答案摘要

TL;DR 受控组件由 React state 通过事件处理器控制输入值；非受控组件依赖 DOM 自己管理输入状态。受控更适合校验、同步与复杂表单。 受控组件的表单输入值由组件 state 通过事件处理器控制；而非受控组件依赖 DOM 来管理输入状态。受控组件常用于输入校验、更新与与组件状态同步；非受控组件适合简单输入场景，仅依赖 DOM 管理即可。

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