受控与非受控组件

受控组件：类似于Vuede双向数据绑定
数据和视图之间可以相互影响

非受控组件：类似于单向数据流
只可以数据改变试图

• 非受控组件: 我们不需要同步 value 值(defaultValue，defaultChecked)

<
    // input type = "text"
    // defaultValue = { info }
    // / >

• 受控组件

<
            input type = "text"
            value = {
    
     info }
            onChange = {
    
    
                ({
    
     target }) => {
    
    
                    this.setState({
    
    
                        info: target.value
                    })
                }
            }
            / >