受控与非受控组件

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

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

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

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

• 受控组件

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