setFieldsValue
setFieldsValue: 可以用于给表单设置一组字段
使用语法:
// 参数为对象
this.formRef.current.setFieldsValue({
// '表单字段name': '需要设置的值',
id: '4c6ee816-58c2-4700-b9fa-d19dfdc3c65d'
});
setFields: 可以用于给表单设置一组字段, 并且可以设置表单项的状态以及错误信息
使用语法:
可以结合 getFieldsValue 来只给表单项设置错误状态
结合css可以只让表单项呈现报错状态(表单项呈现红色)
// 参数为数组
this.formRef.current.setFields([
// { name: '表单字段name', value: '需要设置的值', errors: ['错误信息'] }, 当 errors 为非空数组时,表单项呈现红色,
{ name: 'id', value: '123', errors: ['error message'] }
]);
使用以上方法的前置条件
import React, { Component } from 'react';
import { Form, Input } from 'antd';
class myForm extends Component {
formRef = React.createRef(); // form 实例
render() {
return (
<Form ref={this.formRef}>
<Form.Item
name="id"
>
<Input />
</Form.Item>
</Form>
);
}
}
export default myForm;