如何在Antd 4中使用setFieldsValue在Form.List中动态设置值？

import { Form, Input, Button } from 'antd';

const DynamicForm = () => {
  const [form] = Form.useForm();

  const onFinish = (values) => {
    console.log('Form values:', values);
  };

  const setDynamicFieldValue = (index, value) => {
    const fieldsValue = form.getFieldsValue();
    const dynamicFieldsValue = fieldsValue.dynamicFields || [];
    dynamicFieldsValue[index] = value;
    form.setFieldsValue({ dynamicFields: dynamicFieldsValue });
  };

  return (
    <Form form={form} onFinish={onFinish}>
      <Form.List name="dynamicFields">
        {(fields, { add, remove }) => (
          <>
            {fields.map((field, index) => (
              <Form.Item
                key={field.key}
                label={`Field ${index + 1}`}
                name={[field.name]}
              >
                <Input
                  onChange={(e) => setDynamicFieldValue(index, e.target.value)}
                />
              </Form.Item>
            ))}
            <Form.Item>
              <Button type="dashed" onClick={() => add()} block>
                Add Field
              </Button>
            </Form.Item>
          </>
        )}
      </Form.List>
      <Form.Item>
        <Button type="primary" htmlType="submit">
          Submit
        </Button>
      </Form.Item>
    </Form>
  );
};

export default DynamicForm;