如何从外部操作更新Formik字段

import React from 'react';
import { Formik, Form, Field } from 'formik';

const MyForm = () => {
  return (
    <Formik
      initialValues={{ name: '', email: '' }}
      onSubmit={(values) => {
        // 处理表单提交
        console.log(values);
      }}
    >
      <Form>
        <Field type="text" name="name" />
        <Field type="email" name="email" />
        <button type="submit">提交</button>
      </Form>
    </Formik>
  );
};

export default MyForm;

import React from 'react';
import { Formik, Form, Field } from 'formik';

const MyForm = () => {
  const updateName = (value) => {
    // 更新name字段的值
    setFieldValue('name', value);
  };

  return (
    <Formik
      initialValues={{ name: '', email: '' }}
      onSubmit={(values) => {
        // 处理表单提交
        console.log(values);
      }}
    >
      {({ setFieldValue }) => (
        <Form>
          <Field type="text" name="name" />
          <Field type="email" name="email" />
          <button type="button" onClick={() => updateName('John')}>
            更新名字
          </button>
          <button type="submit">提交</button>
        </Form>
      )}
    </Formik>
  );
};

export default MyForm;