在Formik中使用react-select组合键时设置初始状态值

import { Formik, Field, Form, ErrorMessage } from 'formik';
import Select from 'react-select';

const initialValues = {
  selectOption: null, // 或者设置为你希望的初始值
};

const options = [
  { value: 'option1', label: 'Option 1' },
  { value: 'option2', label: 'Option 2' },
  // 添加更多选项...
];

<Formik
  initialValues={initialValues}
  onSubmit={handleSubmit}
>
  <Form>
    <Field
      name="selectOption"
      component={CustomSelect}
      options={options}
    />
    <button type="submit">Submit</button>
  </Form>
</Formik>

const CustomSelect = ({ field, form, options }) => {
  const handleChange = (selectedOption) => {
    form.setFieldValue(field.name, selectedOption);
  };

  const handleBlur = () => {
    form.setFieldTouched(field.name, true);
  };

  return (
    <Select
      options={options}
      value={field.value}
      onChange={handleChange}
      onBlur={handleBlur}
    />
  );
};