Блог

Есть идеи, почему мой редуктор действует на действие.тип на основе его позиции в операторе switch? Я потратил много времени на отладку, а затем понял, что на самом деле проблема связана с позицией в операторе switch.

 import {
FETCH_PRODUCTS_BEGIN,
FETCH_PRODUCTS_SUCCESS,
FETCH_PRODUCTS_ERROR,
CREATE_PRODUCT,
UPDATE_PRODUCT,
DELETE_PRODUCT,
} from "./inventoryTypes";

const initialState = {
loading: false,
products: [],
error: "",
};

const userInventoryReducer = (state = initialState, action) => {
switch (action.type) {
case FETCH_PRODUCTS_BEGIN:
  return {
    ...state,
    loading: true,
  };
case FETCH_PRODUCTS_SUCCESS:
  return {
    loading: false,
    products: action.payload,
    error: "",
  };
case FETCH_PRODUCTS_ERROR:
  return {
    loading: false,
    products: [],
    error: action.payload,
  };
case DELETE_PRODUCT:
  return {
    ...state,
    products: state.products.filter(
      (product) => product._id !== action.payload
    ),
  };
case CREATE_PRODUCT:
  console.log("your calling create!");
  return {...state}
case UPDATE_PRODUCT:
  console.log("calling update");
  return { ...state };

default:
  return state;
}
};
 

Проверьте значения внутри вашего "./inventoryTypes" файла, возможно, есть дублирование одних и тех же действий.

Это решено. Значение для моей CREATE_PRODUCT, UPDATE_PRODUCT внутренней "./inventoryTypes" части такое же!