React-表单处理

一、受控组件的概念

　　首先 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>
    )
  }
}