如何将初始值传递给带有选择字段的form - React Final Form？

import React from 'react';
import { Form, Field } from 'react-final-form';

const initialValues = {
  name: 'John',
  gender: 'male',
};

const MyForm = () => {
  const onSubmit = (values) => {
    // 处理表单提交逻辑
    console.log(values);
  };

  return (
    <Form
      initialValues={initialValues}
      onSubmit={onSubmit}
      render={({ handleSubmit }) => (
        <form onSubmit={handleSubmit}>
          <div>
            <label>Name</label>
            <Field name="name" component="input" type="text" />
          </div>
          <div>
            <label>Gender</label>
            <Field name="gender" component="select">
              <option value="male">Male</option>
              <option value="female">Female</option>
            </Field>
          </div>
          <button type="submit">Submit</button>
        </form>
      )}
    />
  );
};

export default MyForm;