如何在值被控制时使用react测试库将文本输入到formik中？

npm install --save-dev @testing-library/react
npm install --save-dev formik

import React from 'react';
import { render, fireEvent } from '@testing-library/react';
import { Formik, Form, Field } from 'formik';

test('在值被控制时使用React测试库将文本输入到Formik中', () => {
  const initialValues = {
    name: '',
  };

  const onSubmit = jest.fn();

  const { getByLabelText } = render(
    <Formik initialValues={initialValues} onSubmit={onSubmit}>
      <Form>
        <label htmlFor="name">姓名</label>
        <Field id="name" name="name" placeholder="请输入姓名" />
        <button type="submit">提交</button>
      </Form>
    </Formik>
  );

  const nameInput = getByLabelText('姓名');
  fireEvent.change(nameInput, { target: { value: 'John Doe' } });

  expect(nameInput.value).toBe('John Doe');
});