一、受控组件的概念
首先 html 中每个表单元素都有自己的属性,自己管理自己, 但是 react 希望每个表单属性值都交给 state 来进行处理和统一的管理,这时候就把两者进行了结合
受控组件就是将 value 值交给 state 管理的表单元素
二、受控组件基础使用
1.控制表单元素值的来源
2.控制表单元素值的变化
import React from 'react' export default class App extends React.Component { // 1.控制表单元素值的来源 state = { value: '1' } // 2.控制表单元素值的变化 handle = e => { this.setState({ value: e.target.value }) } render() { return ( <div> <input value={this.state.value} onChange={this.handle} /> </div> ) } }