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 = {
   
            

你可能感兴趣的:(form表单,受控组件与非受控组件,react,form受控组件,form非受控组件)