Redux-form：无法从 Field 组件中获取子项

Question

我正在尝试渲染 select，并希望能够像这样添加选项：

<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 中解构出来，尽管这似乎不起作用。当我运行代码时，没有选项出现在我的 select 中，并且检查 DOM 验证没有选项。任何帮助将不胜感激。提前致谢！

Answer 1

您只需要删除您的标签参数

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

Redux-form：无法从 Field 组件中获取子项

Redux-form: Can't get children from Field component

children

reactjs

redux

redux-form