redux-form 将值传递给 fieldarray 字段

Question

我正在使用redux-formanFieldArray并且我正在尝试根据单击的按钮创建不同的渲染。

假设我有以下函数（它component在表单中的 FieldArray的属性中）：

const renderCatalogCategories = (props) => {

const { fields } = props;

return (
<div>
    {fields.map((data, idx) =>
       <Panel key={idx} header={`${data}.type`} data={data} />
    )}


    <DropdownButton>
       <MenuItem onClick={() => fields.push({type: 'a'})}>a</MenuItem>
       <MenuItem onClick={() => fields.push({type: 'b'})}>b</MenuItem>
    </DropdownButton>
</div>) 
};

无法获得type我在fields.pushMenuItems 中传递的值。你知道我如何获得这个价值吗？

dataI get的值只是一个字符串，例如categories[9]

Answer 1

好问题。

您正在寻找的是fields.get(idx).

但是，您将需要字段名称（您调用的名称data）来提供给任何<Field>组件来编辑数组中的值。