表单中的React、Formik、React-select & Firebase - isMulti数组

import React from 'react';
import { Formik, Form, Field } from 'formik';
import Select from 'react-select';
import firebase from 'firebase/app';
import 'firebase/database';

// 初始化Firebase
const firebaseConfig = {
  // 你的Firebase配置
};
firebase.initializeApp(firebaseConfig);
const database = firebase.database();

const interests = [
  { value: 'tech', label: 'Technology' },
  { value: 'sports', label: 'Sports' },
  { value: 'music', label: 'Music' },
  // 其他兴趣
];

const MyForm = () => (
  <Formik
    initialValues={{ interests: [] }}
    onSubmit={(values) => {
      database.ref('users').push(values);
    }}
  >
    {({ values }) => (
      <Form>
        <Field as="select" name="interests" multiple>
          {interests.map((interest) => (
            <option key={interest.value} value={interest.value}>
              {interest.label}
            </option>
          ))}
        </Field>
        <button type="submit">Submit</button>
      </Form>
    )}
  </Formik>
);

export default MyForm;

// Firebase数据库规则示例
{
  "rules": {
    ".read": "auth != null",
    ".write": "auth != null"
  }
}

<Field as="select" name="interests" isMulti>
  {interests.map((interest) => (
    <option key={interest.value} value={interest.value}>
      {interest.label}
    </option>
  ))}
</Field>