antd的Form表单如何取到表单里的数据以及如何设置默认值

获取表单数据

第一步创建ref实例

//在render外面，类里面就可以
formRef = React.createRef()

第二步给form表单赋值

 <Form  style={{ width: 600, marginLeft: 30, marginTop: 20 }} ref={this.formRef}>
 </Form>

第三步给每个Form.Item添加name属性

<Form.Item
    name="username"
    label="姓名"
    rules={[
        {
            required: true,
            message: 'Username is required!',
        },
    ]}
>
    <Input />
</Form.Item>

第四步取值

//这个是用来取到form表单里所有item的值
this.formRef.current.getFieldsValue()
//这个是用来取到指定item的值，username是属性name的值
this.formRef.current.getFieldValue("username")

设置默认值

// form是订阅模态框传过来的值
    showModal = (msg, { status, form }) => {
        
        this.setState({
            visible: true,
            // confirmLoading: false,
            status,
            // form:form.toJS()
        }, () => {
            const getForm = form.toJS()
            // 如果是常量就可以 ，变量就不行,所以用一个const常量接收一下
            // 冒号前是Item的name属性
            this.formRef.current.setFieldsValue({
                username:getForm.name,
                place:getForm.jzPlace,
                // datePicker:getForm.birthTime,
                email:getForm.email,
                perAdvantage:getForm.perAdvantage,
                qwPost:getForm.qwPosition,
                qwPlace:getForm.qwPlace,
                qwSalary:getForm.qwSalary,
                qwType:getForm.qwType,
                workExperience:getForm.workExperience,
                school:getForm.school,
                specialize:getForm.specialize,
                degree:getForm.degree,
                // 这里还有个时间段没写
                campusSituation:getForm.campusSituation,
                skills:getForm.skills
            })
           
            
            
        })