Reactjs TypeError:array.concat不是functionRedux表单:FieldArray
我试图在Redux表单中开发FieldArray,但在按下“添加策略”按钮时遇到以下错误: 未捕获类型错误:array.concat不是函数 My 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
<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%确定它背后的机制,但非常感谢你!。