Как реализовать добавление объекта товара в массив state?
Всем привет! Подскажите, пожалуйста, как добавить товар в корзину? Логику, что должно происходить, понимаю, но не соображу, как это реализовать, с редаксом познакомилась недавно.
При попытке добавить выбранный товар в массив, получаю ошибку TypeError: Cannot add property 0, object is not extensible, а если копировать массив и добавлять в новый, то первый, разумеется, не меняется.
Пробовала через useState, но результат не сохраняется
reducer:
export type InitialState = {
camerasInBasket: CamerasType;
}
export const initialState: InitialState = {
camerasInBasket: []
};
export const cameraReducer = createReducer(initialState, (builder) => {
builder
.addCase(setCamerasInBasket, (state, action) => {
state.camerasInBasket = action.payload
})
});
component:
const camerasInBasket = useAppSelector(getCamerasInBasket);
const addToBasket = () => {
camerasInBasket.push(...camerasInBasket, currentCamera)
};
<button className="btn btn--purple modal__btn modal__btn--fit-width" type="button" onClick={() => {
addToBasket()
}}>