redux-form 将值传递给 fieldarray 字段

Question

我将 redux-form 与 FieldArray 一起使用，我正在尝试根据单击的按钮创建不同的渲染。

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

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>) 
};

无法获取我在 MenuItems 上的 fields.push 中传递的 type 的值。你知道我怎样才能得到这个价值吗？

我得到的data的值只是一个字符串，例如categories[9]

Answer 1

问得好。

您要查找的是fields.get(idx)。

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

redux-form 将值传递给 fieldarray 字段

redux-form pass value to fieldarray fields

reactjs

redux

redux-form