Yup将模式映射到像choices[] (react和formik)这样的元素

import React from 'react';
import { Formik, Form, Field } from 'formik';
import * as Yup from 'yup';

const validationSchema = Yup.object({
  choices: Yup.array()
    .required('至少选择一个选项')
    .of(Yup.string().required('每个选项都是必填的')),
});

const choices = ['Option 1', 'Option 2', 'Option 3'];

const MyForm = () => (
  <Formik
    initialValues={{ choices: [] }}
    validationSchema={validationSchema}
    onSubmit={(values) => {
      console.log(values);
    }}
  >
    {({ errors, touched }) => (
      <Form>
        <Field name="choices" as="select" multiple>
          <option value="">请选择</option>
          {choices.map((choice) => (
            <option key={choice} value={choice}>
              {choice}
            </option>
          ))}
        </Field>
        {errors.choices && touched.choices ? (
          <div>{errors.choices}</div>
        ) : null}
        <button type="submit">提交</button>
      </Form>
    )}
  </Formik>
);

export default MyForm;

<Formik
  initialValues={{ choices: [] }}
  validationSchema={validationSchema}
  onSubmit={(values) => {
    console.log(values);
  }}
>
  {/* 表单内容 */}
</Formik>

{errors.choices && touched.choices ? (
  <div>{errors.choices}</div>
) : null}

<Field name="choices" as="select" multiple>
  {/* 选项内容 */}
</Field>