从父React组件状态继承的Formik钩子的异步更新(利用useEffect initialValues？)

import React, { useEffect } from 'react';
import { useFormik } from 'formik';

const MyForm = () => {
  const initialValues = {
    name: '',
    email: '',
  };

  const formik = useFormik({
    initialValues,
    onSubmit: values => {
      // 处理表单提交
      console.log(values);
    },
  });

  useEffect(() => {
    // 模拟异步请求获取初始值
    setTimeout(() => {
      const asyncInitialValues = {
        name: 'John',
        email: 'john@example.com',
      };
      formik.setValues(asyncInitialValues);
    }, 1000);
  }, []);

  return (
    <form onSubmit={formik.handleSubmit}>
      <input
        type="text"
        name="name"
        value={formik.values.name}
        onChange={formik.handleChange}
      />
      <input
        type="email"
        name="email"
        value={formik.values.email}
        onChange={formik.handleChange}
      />
      <button type="submit">提交</button>
    </form>
  );
};

export default MyForm;