使用<FieldArray/>中的自定义组件通过Formik <Field/>设置<TextField/>的值

import { Formik, Field, FieldArray } from 'formik';
import { TextField } from '@material-ui/core';

const CustomTextField = ({ field, form }) => (
  <TextField
    {...field}
    onChange={form.handleChange}
    onBlur={form.handleBlur}
  />
);

<Formik
  initialValues={{
    textFieldValues: ['']
  }}
  onSubmit={values => {
    console.log(values);
  }}
>
  {({ values }) => (
    <Form>
      <FieldArray name="textFieldValues">
        {({ push, remove }) => (
          <div>
            {values.textFieldValues.map((textFieldValue, index) => (
              <div key={index}>
                <Field
                  name={`textFieldValues[${index}]`}
                  component={CustomTextField}
                />
                <button type="button" onClick={() => remove(index)}>
                  Remove
                </button>
              </div>
            ))}
            <button type="button" onClick={() => push('')}>
              Add
            </button>
          </div>
        )}
      </FieldArray>
      <button type="submit">Submit</button>
    </Form>
  )}
</Formik>