受控组件(Controlled Component)是指由React组件的状态(state)来控制其表单元素的值或行为的组件。在受控组件中,表单元素的值(如input、textarea、select等)以及其他用户输入的操作,都通过React组件的状态来进行管理和更新。
受控组件的特点包括:
1.状态控制:表单元素的值被保存在React组件的状态中,通过设置状态来控制表单元素的值。
2.事件处理:通过监听表单元素的事件(如onChange事件),将用户输入的值更新到组件的状态中。
3.数据流一致性:React组件的状态是单一数据源,用于更新和渲染表单元素的值。通过确保状态与表单元素的值保持一致,可以实现数据的一致性和同步更新。