React formik并选择数组到字符串转换onSubmit

import { Formik, Form, Field } from 'formik';

const initialValues = {
  fruits: ['apple', 'banana', 'orange'],
};

const onSubmit = (values) => {
  const fruitsAsString = values.fruits.join(', '); // 将数组转换为以逗号和空格分隔的字符串
  console.log(fruitsAsString); // 输出：'apple, banana, orange'
  // 其他处理逻辑...
};

const MyForm = () => (
  <Formik initialValues={initialValues} onSubmit={onSubmit}>
    <Form>
      <Field name="fruits" as="select" multiple>
        <option value="apple">Apple</option>
        <option value="banana">Banana</option>
        <option value="orange">Orange</option>
      </Field>
      <button type="submit">Submit</button>
    </Form>
  </Formik>
);

export default MyForm;