AntD提供了一个名为getFieldValue的方法,可以用来获取表单字段的值。但是如果需要自定义表单字段的值,就需要使用setFieldsValue方法。
以下是一个示例代码,演示如何自定义表单字段的值:
import React, { useState } from 'react';
import { Form, Input, Button } from 'antd';
const Demo = () => {
const [form] = Form.useForm();
const [customValue, setCustomValue] = useState('custom value');
const onFinish = (values: any) => {
console.log('Received values of form:', values);
};
const onCustomButtonClick = () => {
form.setFieldsValue({ customField: customValue });
};
return (
);
};
export default Demo;
以上代码创建了一个包含两个表单字段的表单,其中一个是自定义字段(customField),并提供了一个按钮,点击该按钮会将表单自定义字段的值设置为自定义值(customValue)。