ant design 5x - Form 表单回显

首先需要创建 ref 绑定到 form 表单身上

let formRef = React.createRef()

 

                <Form
                    name="nest-messages"
                    {...layout}
                    ref={formRef}
                    onFinish={onFinish}
                >

回显尽可能放在定时器中，如果可以在 form 表单拿到值之后去触发回显，也可以不放

  setTimeout(() => {
            formRef.current.setFieldsValue({
                tashName: record.taskName,
                date: record.beginTime,
                hospitalNumber: record.members,
                diseaseNumber: record.patientNum,
                selector: record.taskState,
            })
        }, 0);

这一步就是调用了 ref 中的 setFieldsValue 方法，把你当前点击的这一条数据映射在 Form 中。

时小记，终有成。