form表单中的几个方法,数据回显,数据填充,重置表单

form表单中有些常用的方法,在很多ui组件库中也同样适用;

1 在form表单中进行数据回显,一般是采用initialValues方法,

在表单中直接写

 <Form ref={this.formRef} initialValues={a!}>

其中a就是要被回显的数据源;
2 通过事件逻辑来修改某个表单项的值,可以使用setFieldsValue
例如:需求是需要点击按钮时,将被点击行的数据填充到表单中

此时给按钮添加点击事件:

 {
                title: '操作',
                align: 'center',
                dataIndex: 'cz',
                key: 'cz',
                render: (_: any, record: CurrentItem) => (
                    <Button onClick={() => { addGradMember(record) }}>添加</Button>
                )
            },

 const addGradMember = (info: any) => {
            this.formRef.current?.setFieldsValue({ 'operateName': info.name })
        }

完成添加;

---

--------未完结,持续更新…