Создаю to do приложение на React,
Необходимо создать карточку в списке. Не понимаю как добавить новую карточку, а не обновить текущу. Получается такая структура, но мне нужно чтобы в listItem создавались отдельные обьекты под каждый cardName
Мой reducer выглядит таким образом. Подскажите что я делаю не так, застрял на этом моменте. Буду очень благодарен за подсказку
case 'CREATE_CARD': {
return {
...state,
boardItem: state.boardItem.map((item, index) => {
if (item.id === action.payload.boardIndex) {
return {
...item,
list: item.list.map((listArray) => {
if (listArray.listId === action.payload.listId) {
console.log(listArray)
return {
...listArray,
listItem: listArray.listItem.map((card) => {
console.log(card)
return {
...card,
cardName: [...card.cardName, action.payload.cardName]
}
})
}
}
return listArray;
})
}
}
return item;
})
}
}