با سلام.
بنده یک سورس مدیریت سبد خرید دارم که در زیرآمده است.اما نمی تونم در تابع MapDispathToProps صدا بزنم.لطفا راهنمایی کنید .
باتشکر .
actionTypes.js
export const ADD_TO_CART = 'ADD_TO_CART';
export const REMOVE_FROM_CART = 'REMOVE_FROM_CART';
export const ADD_QUANTITY = 'ADD_QUANTITY';
export const SUB_QUANTITY = 'SUB_QUANTITY';
export const EMPTY_CART = 'EMPTY_CART';
action.js
export const addToCart = id => {
return {
type: ADD_TO_CART,
id
};
};
export const removeFromCart = id => {
return {
type: REMOVE_FROM_CART,
id,
};
};
export const subtractQuantity = id => {
return {
type: SUB_QUANTITY,
id,
};
};
export const addQuantity = id => {
return {
type: ADD_QUANTITY,
id,
};
};
export const emptyCart = () => {
return {
type: EMPTY_CART,
};
};
reducer.js
const initialState = {
products: [],
};
const ShoppinReducer = (state = initialState, action) => {
switch (action.type) {
case ADD_TO_CART:
return {
...state,
products: state.products.map(product =>
product.id === action.id ? {...product, selected: true} : product,
),
};
case REMOVE_FROM_CART:
return {
...state,
products: state.products.map(product =>
product.id === action.id
? {...product, selected: false, quantity: 1}
: product,
),
};
case ADD_QUANTITY:
return {
...state,
products: state.products.map(product =>
product.id === action.id
? {...product, quantity: product.quantity + 1}
: product,
),
};
case SUB_QUANTITY:
return {
...state,
products: state.products.map(product =>
product.id === action.id
? {
...product,
quantity: product.quantity !== 1 ? product.quantity - 1 : 1,
}
: product,
),
};
case EMPTY_CART:
return {
...state,
products: state.products.map(product =>
product.selected
? {...product, selected: false, quantity: 1}
: product,
),
};
default:
return state;
}
};
export {ShoppinReducer};
به Ali Rasapour کمک کنید تا مشکل خودش را حل کند؛ اینطور میتوانیم با هم پیشرفت کنیم.
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟