javascript - 无法从 React Form 中的选择组件取回提交的数据

Question

我正在使用 antd 开发一个表单。但是我无法从我自己定义的 select 组件中获取值。对于Input等其他antd组件，取回数据没有问题。

代码:https://codesandbox.io/s/form-hooks-select-coler

在这种形式下，Input 正常工作，但 Select 不工作。

有人能帮忙吗？非常感谢!

Answer 1

您需要将 props 传递给 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>;
};