Reactjs TypeError:array.concat不是functionRedux表单:FieldArray

Reactjs TypeError:array.concat不是functionRedux表单:FieldArray,reactjs,redux,redux-form,Reactjs,Redux,Redux Form,我试图在Redux表单中开发FieldArray,但在按下“添加策略”按钮时遇到以下错误: 未捕获类型错误:array.concat不是函数 My FieldArray调用一个组件: <FieldArray name="policies" component={this.renderPolicies} /> RenderPolicys()辅助函数如下所示: renderPolicies = ({ fields, meta }) => { return ( <ul

我试图在Redux表单中开发FieldArray,但在按下“添加策略”按钮时遇到以下错误:

未捕获类型错误:array.concat不是函数

My FieldArray调用一个组件:

<FieldArray name="policies" component={this.renderPolicies} />

RenderPolicys()辅助函数如下所示:

renderPolicies = ({ fields, meta }) => {
return (
  <ul>
    <li>
      <button type="button" onClick={() => fields.push({})}>
        Add Policy
      </button>
      {this.renderError(meta)}
    </li>
    {fields.map((policy, index) => (
      <li key={index}>
        <button
          type="button"
          title="Remove Policy"
          onClick={() => fields.remove(index)}
        />
        <h4>Policy #{index + 1}</h4>
        <Field
          name={`${policy}.id`}
          type="text"
          component={renderInput}
          label="Id"
        />
      </li>
    ))}
  </ul>
);
renderPolicys=({fields,meta})=>{
返回(
  • fields.push({}}> 添加策略 {this.renderError(meta)}
  • {fields.map((策略,索引)=>(
  • 字段。删除(索引)} /> 策略#{index+1}
  • ))}
);

})

您的验证函数是什么样子的?看看这里:。

刚刚偶然发现了相同的问题,请确保您的arrayfield未初始化为null,这就是发生在我身上的情况

这似乎解决了问题。不是100%确定它背后的机制,但非常感谢你!。