Я пытаюсь разработать FieldArray в своей Redux-Form, но при нажатии кнопки «Добавить политику» сталкиваюсь со следующей ошибкой:
Uncaught TypeError: array.concat is not a function
Мой FieldArray вызывает компонент:
<FieldArray name = "policies" component = {this.renderPolicies} />
Вспомогательная функция renderPolicies () выглядит следующим образом:
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>
);
};
Как выглядит ваша функция проверки? Взгляните сюда: https://redux-form.com/8.1.0/examples/fieldarrays/.
Просто наткнулся на ту же проблему, убедитесь, что ваше поле массива не инициализировано до нуля, это то, что случилось со мной
Похоже, это решило проблему. Не уверен на 100% в механике, стоящей за этим, но большое вам спасибо !.