Невозможно получить обратно отправленные данные из выбранного компонента в форме ответа

Question

Я использую antd для разработки формы. Но я не смог получить значение из моего собственного определенного select компонента. Для других компонентов antd, таких как Input, нет проблем с возвратом данных.

Код: https://codesandbox.io/s/form-hooks-select-coler

В этой форме Input работает правильно, но Select не работает.

Может кто-нибудь помочь? Большое спасибо!

Answer 1

Вам необходимо передать реквизиты компоненту ant.

const FileTypeSelect = (props) => {

  const Options = allFileTypes.map(Obj => (
    <Option value={Obj.typeId} key={Obj.typeId}>
      {Obj.fileType}
    </Option>
  ));

  return <Select {...props} placeholder="Select a File Type">{Options}</Select>;
};