【React学习】受控组件

1. 受控组件的概念

在React框架中，受控组件是一种使用组件的内部状态（state）来管理其值的组件。组件的状态受到React组件生命周期方法和事件处理函数的控制。通过受控组件，父组件可以完全控制子组件的数据流。

2. 受控组件的特点

• 状态控制： 受控组件将其值存储在组件的状态中，通过 this.state 调用。这意味着组件的值，取决于其状态的当前值。当状态发生变化时，组件会重新渲染，并反映最新的状态值。
• 受父组件控制：受控组件的值通过父组件的 props 属性传递给子组件。子组件不直接修改来自父组件的属性值，而是通过调用父组件提供的回调函数来请求值的变更。
• 事件处理：受控组件使用 onChange 事件来监听用户交互的变化。比如在输入框中输入文本。当事件发生时，组件会调用相应的事件处理函数，并将更新后的值传递给父组件。