如何在使用formik时修复/清除react-select？

import React from 'react';
import { useFormik } from 'formik';
import Select from 'react-select';

const initialValues = {
  selectField: '',
};

const validationSchema = {
  selectField: Yup.string().required('This field is required'),
};

const options = [
  { value: 'option1', label: 'Option 1' },
  { value: 'option2', label: 'Option 2' },
  { value: 'option3', label: 'Option 3' },
];

const FormComponent = () => {
  const formik = useFormik({
    initialValues,
    validationSchema,
    onSubmit: (values) => {
      // 处理表单提交
    },
  });

  const handleSelectChange = (selectedOption) => {
    formik.setFieldValue('selectField', selectedOption.value);
  };

  const handleClearSelect = () => {
    formik.setFieldValue('selectField', '');
  };

  return (
    <form onSubmit={formik.handleSubmit}>
      <Select
        options={options}
        value={options.find((option) => option.value === formik.values.selectField)}
        onChange={handleSelectChange}
        onBlur={formik.handleBlur('selectField')}
      />
      {formik.errors.selectField && formik.touched.selectField && (
        <div>{formik.errors.selectField}</div>
      )}
      <button type="submit">Submit</button>
      <button type="button" onClick={handleClearSelect}>Clear</button>
    </form>
  );
};

export default FormComponent;