Redux形式：无法从Field组件获得子代

Question

我试图呈现一个选择，并希望能够做这样的事情来添加选项：

<Field component={RenderSelect} name="subjects" label="Subjects">
        <option value="maths">Maths</option>
        <option value="english">English</option>
</Field>

我有一个createRenderer函数：

const createRenderer = render => ({input, name, label, children}) => {
  return (
    <div key={name}>
    <label htmlFor={name}>{label}</label>
    {render(input, name, children)}
    </div>
  )
},

我的RenderSelect看起来像这样：

const RenderSelect = createRenderer((input, name, label, children) => {
    return (
      <select name={name} {...input}>
      {children}
      </select>
    )
})

我的印象是，我可以像在input ， name ， label等操作中那样使children道具从Field上解构，尽管这似乎不起作用。 当我运行代码时，我的选择中没有选项，并且对DOM的检查会验证没有选项。 任何帮助将不胜感激。 提前致谢！

Answer 1

您只需要删除标签参数

const RenderSelect = createRenderer((input, name, children) => {
    return (
        <select name={name} {...input}>
            {children}
        </select>
    )
});