Не пушится в массив?

Question

[Алексей Яковлев]

У пользователя есть:

boards: [
 0: {title: "trello-clone", background: "rgb(205 90 145)", cards: [{title: "3"}]}
]

cards - это массив в boards, туда мне нужно запушить, но массив просто обновляется.

Получаю пользователя, массив для карточек

const user = JSON.parse(localStorage.getItem('user'));
const [card, setCard] = React.useState(user.boards.map(item => item.cards));

функция где я добавляю в массив:

function createCard() {
        user.boards.map(item => {
            item.cards = [];
        })

        user.boards.map(item => {
            item.cards.push({title: titleCard});
        })

        setTitleCard('');

        localStorage.setItem('user', JSON.stringify(user));
    
        setCard(user.boards.map(item => item.cards));
    }

В итоге если я например написал 1, он добавился потом написал 2, то 1 сотрется, а 2 останется и тд.

Comments

[Lynn «Кофеман»]

boards: [
0: {...}
]
Это какая-то невалидная дичь

[WbICHA]

В итоге если я например написал 1, он добавился потом написал 2, то 1 сотрется, а 2 останется и тд.

Так вы же сами массивы карточек чистите перед записью...

{
        user.boards.map(item => {
            item.cards = [];
        })

[Алексей Яковлев]

WbICHA, я его создаю

[Алексей Яковлев]

Lynn «Кофеман», это, что хранится у user в localStorage

[WbICHA]

Алексей Яковлев, ...
В какой момент времени вы их создаёте?

Answer 1

[Mario Kun]

Может как то так?

function createCard() {
 const item.cards = [];

       user.boards.map(item => {
            item.cards.push({title: titleCard});
        })

        setTitleCard('');

        localStorage.setItem('user', JSON.stringify(user));
    
        setCard(user.boards.map(item => item.cards));
    }

Comments

[Алексей Яковлев]

const item.cards = [];?

[Mario Kun]

Ну смотри,в чем проблема? Потому что у тебя массив каждый раз перезаписывается, значит нужно сделать так, вынести массив уровнем выше, чтобы избежать перезаписывания