Всем добрый вечер, у меня есть редакс стейт, изначальное состояние

Question

Всем добрый вечер, у меня есть редакс стейт, изначальное состояние

пустой массив далее туда добавляются объекты. В кейсе ADD_ANOTHER я мутирую стейт, и функционал работает. Но как мне сделать то же самое но стейт не мутировать?

https://paste.ofcode.org/4YEh9LmCziYJhnSdbjUZ3

#javascript #programming #russian

0

18.10.2021

11 ответов

24 просмотра

Ivan Автор вопроса

Taras
сделат ькопию стейта сделать действия и добавить...

Так не получиться, мне нужно тогда удалить из изначального стейта объект и только потом добавлять туда новый массив. А удалить я из стейта ничего не могу.

0

18.10.2021

Jakhongir

Ivan
Так не получиться, мне нужно тогда удалить из изна...

чтобы не мутировать стейт, придется полностью его заменять новым

0

18.10.2021

Ivan Автор вопроса

Jakhongir
чтобы не мутировать стейт, придется полностью его ...

А как это правильно сделать то? Не получается.

0

18.10.2021

Jakhongir

Ivan
А как это правильно сделать то? Не получается.

не знаю как делают в редаксе, лучше в инете поискать

0

18.10.2021

jk

Наверное как-то так. // Initial state - пустой массив const CartReducer = (state = [], action) => { switch (action.type) { case 'ADD_TO_CART': // Новый массив, старые значения + одно новое return state.concat(action.payload) case 'ADD_ANOTHER': // Новый стейт, старые значения минус одно, одно новое // Чтобы это работало в стейте уже должна быть такая pizza // Зачем нужен ADD_ANOTHER и как ты это контролируешь не спрашиваю return state.map(pizza => { if (pizza.title === action.payload.title) { return { ...pizza, amountOrdered: pizza.amountOrdered + action.payload.amountOrdered } } return pizza }) case 'REMOVE_FROM_CART': // Новый стейт, старые значения минус одно return state.filter((pizza) => pizza.title === action.payload[0].title) default : return state } } Я тебе вчера скидывал доку - почитай её.

0

18.10.2021

Ivan Автор вопроса

jk
Наверное как-то так. // Initial state - пустой ма...

Ща буду пробовать, перерывчик. ADD_ANOTHER это кнопка плюс на карточке пиццы чтобы заказать несколько таких же пицц.

0

18.10.2021

Ivan Автор вопроса

Спасибо. Заработало.

0

18.10.2021

Ivan Автор вопроса

jk
Наверное как-то так. // Initial state - пустой ма...

Использовал иммер как Алексей подсказал. Теперь выглядит вот так: case 'ADD_ANOTHER': const index = state.findIndex((object) => object.title === action.payload.title) return produce(state, (draftState) => { draftState[index].amountOrdered++ });

0

18.10.2021

Alexey Ermakov

Ivan
Использовал иммер как Алексей подсказал. Теперь вы...

пустой redux уже мало кто пользует (если начинают новый проект) redux toolkit удобнее

0

18.10.2021

jk

Ivan
Использовал иммер как Алексей подсказал. Теперь вы...

Ну я бы на твоём месте сначала без хелперов потренировался.

0

18.10.2021