React form表单受控组件和非受控组件

1.受控组件

每当表单的状态发生变化时，都会被写入到组件中的state中。
受控组件的更新流程如下：

1. 可以通过在初始state中设置表单的默认值；
2. 每当表单发生变化时，调用onChange事件处理器；
3. 事件处理器通过合成事件对象e拿到改变后的状态，并更新应用的state；
4. setState触发视图的重新渲染，完成表单组件值的更新；

import React, {
   Component} from "react";

export default class Main extends Component {
   
    constructor(props) {
   
        super(props);

        this.state = {