模态resetFields中的React Ant4表单显示错误的数据

import React, { useEffect } from 'react';
import { Form, Input, Modal, Button } from 'antd';

const MyFormModal = ({ visible, onCancel, initialValues }) => {
  const [form] = Form.useForm();

  useEffect(() => {
    if (visible) {
      form.setFieldsValue(initialValues);
    }
  }, [visible, initialValues, form]);

  const handleReset = () => {
    form.resetFields();
  };

  return (
    <Modal visible={visible} onCancel={onCancel}>
      <Form form={form} layout="vertical">
        <Form.Item name="username" label="Username">
          <Input />
        </Form.Item>
        <Form.Item name="email" label="Email">
          <Input />
        </Form.Item>
        <Button onClick={handleReset}>Reset</Button>
      </Form>
    </Modal>
  );
};

export default MyFormModal;