Блог

Я знаю, что в React-Redux, и я постоянно застреваю в одной и той же ошибке снова и снова — «Ошибка типа: состояние.элементы не повторяются», я перепробовал все типы решений, но не преуспел.

У меня есть приложение для электронной коммерции, в котором есть кнопки «Добавить в корзину» — когда пользователь нажимает кнопку «Добавить в корзину», продукт добавляется в корзину в моем глобальном состоянии, и проблема — кнопка «Добавить в корзину» не работает, когда я снова пытаюсь добавить товар, она показывает ошибку. «Ошибка типа: состояние.элементы не повторяются» Вот мой код в моем редукторе-

 import { createReducer } from "reduxsauce";
import { BasketTypes } from "store/actions/Basket";


export const INITIAL_STATE = {
  items:[],
};


export const addToBasket = (state = INITIAL_STATE, action) => ({ ...state, items: [...state.items , action.payload]});



export const HANDLERS = {
  [BasketTypes.ADD_TO_BASKET]: addToBasket,
 
};

export default createReducer(INITIAL_STATE, HANDLERS); 

Это мой код действий:

 import { createActions } from "reduxsauce";

const { Types, Creators } = createActions(
  {
    addToBasket: ["payload"],
    
  },
  {}
); // options - the 2nd parameter is optional

export const BasketTypes = Types;
export default Creators; 

Это ошибка, которую я получаю:

Я предполагаю, что вы называете это действие {} (Пустой объект). На самом деле это не совсем undefined так . так что ваш INITAL_STATE не работает