如何重置/清除有条件呈现的Formik FieldArray？

import React, { useState } from "react";
import { Formik, FieldArray } from "formik";

const MyForm = () => {
  const [resetFieldArray, setResetFieldArray] = useState([]);

  const handleResetFieldArray = () => {
    setResetFieldArray([]);
  };

  return (
    <Formik
      initialValues={{
        fieldArrayValues: resetFieldArray, // 使用resetFieldArray状态变量的值作为FieldArray的值
      }}
      onSubmit={(values) => {
        console.log(values);
      }}
    >
      {(formikProps) => (
        <form onSubmit={formikProps.handleSubmit}>
          <FieldArray name="fieldArrayValues">
            {(arrayHelpers) => (
              <div>
                {formikProps.values.fieldArrayValues.map((value, index) => (
                  <div key={index}>
                    <input
                      type="text"
                      name={`fieldArrayValues.${index}`}
                      value={value}
                      onChange={formikProps.handleChange}
                    />
                  </div>
                ))}
                <button type="button" onClick={() => arrayHelpers.push("")}>
                  Add Field
                </button>
                <button type="button" onClick={handleResetFieldArray}>
                  Reset FieldArray
                </button>
              </div>
            )}
          </FieldArray>
          <button type="submit">Submit</button>
        </form>
      )}
    </Formik>
  );
};

export default MyForm;