React表单

// React表单
// 表单是单向绑定的
// 非受控表单：表单的值与state没有关系，它不受state控制。
// 注意：在react开发中，除了文件上传表单以外，不建议使用其它任何方式的非受控表单
// 受控表单：表单的值严格受state的控制，当state发生变化时，表单视图自动更新

import React from 'react'

let mobile = ''
export default class TestForm extends React.Component {}

constructor(props) {
        super(props)
        this.state = {
            name: '',
            pass: '',
            desc: '',
            gender: '1',
            agree: false,
            level: 1,
            levelArr: [
                {id: 1, label: '高中'},
                {id: 2, label: '大专'},
                {id: 3, label: '本科'},
                {id: 4, label: '硕士'},
                {id: 5, label: '博士'}
            ]
        }
    }

全部代码

constructor(props) {
        super(props)
        this.state = {
            name: '',
            pass: '',
            desc: '',
            gender: '1',
            agree: false,
            level: 1,
            levelArr: [
                {id: 1, label: '高中'},
                {id: 2, label: '大专'},
                {id: 3, label: '本科'},
                {id: 4, label: '硕士'},
                {id: 5, label: '博士'}
            ]
        }
    }