在子组件中使用DropDown的React-Final-Form，方式？

const options = [
  { value: 'option1', label: 'Option 1' },
  { value: 'option2', label: 'Option 2' },
  { value: 'option3', label: 'Option 3' }
];

import { Field } from 'react-final-form';

const DropdownField = () => {
  return (
    <Field name="dropdownField" component={renderDropdown} />
  );
}

const renderDropdown = (props) => {
  return (
    <div>
      <select {...props.input}>
        {props.options.map(option => (
          <option key={option.value} value={option.value}>
            {option.label}
          </option>
        ))}
      </select>
    </div>
  );
}

import { Form } from 'react-final-form';

const ParentComponent = () => {
  const onSubmit = (values) => {
    // 处理表单提交逻辑
  }

  return (
    <Form onSubmit={onSubmit}>
      {({ handleSubmit }) => (
        <form onSubmit={handleSubmit}>
          <DropdownField options={options} />
          <button type="submit">提交</button>
        </form>
      )}
    </Form>
  );
}