reduxForm - FieldsArray：fields.push({}) 不工作

Question

我正在尝试使用 reduxForm 的组件 FieldArray 填充数组表单

<FieldArray name="testArray"
component={renderArray}
/>

其中

let testArray = [{}];
export const renderArray= ({fields}) => (
        <ul>

                {window.alert("Array - size ="+_.size(fields))}

                {_.size(fields) === 1 ? fields.push({}) : null}

                {window.alert("Array - size ="+_.size(fields))}

                {fields.map((otherFiscalResidencyCountry, index) => (
                    <li key={index}>test</li>

                ))}

            </ul>)

我在执行 fields.push({}) 后等待字段大小为 2。但我有 size = 1 ...

调试截图如下：

有什么想法吗？

Answer 1

我使用推送数组而不是 redux-form 的推送操作创建器解决了这个问题

所以这是解决方案：

   testArray = testArray || []; // this initialize my array

   fields.getAll().push({})

而不是

fields.push({})

reduxForm - FieldsArray：fields.push({}) 不工作

reduxForm - FieldsArray : fields.push({}) not working

redux

redux-form