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 type上传递的fields.push的值。你知道我怎么能得到这个价值吗？

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

Answer 1

提出好的问题。

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

但是，您需要使用字段名称（您称之为data）来为任何<Field>组件编辑数组中的值。

redux-form传递值到fieldarray字段

1 个答案: