Redux-form:不能从Field组件中获取子项

时间:2018-02-07 13:31:07

标签: reactjs redux redux-form children

我试图渲染一个选择,并希望能够做这样的事情来添加选项:

setDT(df)[df[, .I[.N >3], .(Sex, Age)]$V1]

我有一个createRenderer函数:

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

我的RenderSelect看起来像这样:

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

我的印象是,我可以像对const RenderSelect = createRenderer((input, name, label, children) => { return ( <select name={name} {...input}> {children} </select> ) }) childreninput等那样对场外的name道具进行解构,尽管这样做似乎没有用。当我运行代码时,我的选择中不会出现任何选项,并且对DOM的检查会验证没有选项。任何帮助都会非常感激。提前谢谢!

1 个答案:

答案 0 :(得分:1)

您只需要删除标签参数

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