Quería crear la funcionalidad 'agregar al carrito' usando Redux, por lo que definí una función reductora que acepta un estado y una acción, donde el estado se proporciona como un valor predeterminado.
export const defaultValue= { products: [ { id: "", title: "", description: "", image: "", price: 0, amount: 0, }, ] }; export const manageCart = ( state = defaultValue, action: { type: string; payload: any} ) => { switch (action.type) { case actionConstants.ADD_TO_CARTS: { // ADD to card } break; case actionConstants.REMOVE_FROM_CART: { // Remove from card } default: return state; } }
Entonces, de manera predeterminada, veo este producto en blanco en mi carrito, lo que está arruinando mi lógica al avanzar más. Dado que es obligatorio proporcionar un valor inicial al estado, ¿qué debo hacer de manera diferente para deshacerme de este problema?
Entonces, de forma predeterminada, veo este producto en blanco en mi carrito, lo que está arruinando mi lógica al avanzar más.
¡Porque está pasando ese producto en blanco en el estado predeterminado!
Simplemente pase una matriz vacía en su lugar
export const defaultValue= { products: [] };