antd小技巧

Form-表单篇

表单校验失败时自动获得焦点

const { form } = this.props
form.validateFields({ first: true, force: true }, (errors, values) => {
    if(!errors){
		// 校验成功
} else {
	// 校验失败
	const formKey = Object.keys(errors)[0];
    const formIns = form.getFieldInstance(formKey);
    formIns.focus();
}
});

清除表单校验信息

const { form } = this.props
const formData = form.getFieldsValue();
form.resetFields();
form.setFieldsValue(formData);

设置表单错误信息

const { form } = this.props
// 注意: errors 的值必须为一个 Errors 对象数组
// fieldName: 表单控件的唯一标识
form.setFields({ fieldName: { value: 'xxx', errors: [new Error('错误信息')] } })