Reactjs 对FieldArray中的Formik字段使用自定义输入时，输入失去焦点

我使用自定义输入组件来处理表单数据，并注意到奇怪的行为。只有在使用带有自定义输入组件的

FieldArray

时，输入才会在键入时失去焦点

以下是表单设置：

<Formik
  enableReinitialize
  initialValues={{ ...getInitialState() }}
  onSubmit={(values, actions) => {
    save(values, actions)
  }}
  validationSchema={schema}
  >
  {({ values, isSubmitting, setFieldValue, dirty }) => (
    ...
    <Images />
    ...
  )}
</Formik>

是否有其他方法可以为FieldArray使用自定义输入？当我不使用FieldArray时，我没有遇到此问题

import { imageState } from "states"
import Input from "form/input"

function Images() {
  ...
  return (
    <div className={styles.wrapper}>
        <FieldArray
          name="images.posters"
          render={({ form, push, remove }) => {
          const images = form.values.images.poster
          return (
            <>
              <button onClick={() => push(imageState)}>Add Poster</button>
              {images.map((image, index) => (
                <div key={index} className={styles.imageGroup}>
                  <Field //using custom input loses focus
                    name={`images.poster.${index}.src`}
                    component={Input} 
                  />
                 <Field //using Formik default component doesn't loose focus
                    name={`images.poster.${index}.src`}
                  />
                 <button onClick={() => remove(index)}>Remove Poster</button>
                </div>
              ))}
            </>
          )}}
      />
    </div>
  )
}