Quiero agregar artículos al carrito usando redux, no se agrega ni muestra ningún error. Por favor, ayúdame. A continuación se muestra mi código
esto es cartItem.js
export const ADD_TO_CART = 'ADD_TO_CART' export const REMOVE_FROM_CART = 'REMOVE_FROM_CART' const initialState = [] const cartItemsReducer = (state = initialState, action) => { switch (action.type) { case ADD_TO_CART: return [...state, action.payload] case REMOVE_FROM_CART: return state.filter(cartItem => cartItem.id !== action.payload.id) } return state } export default cartItemsReduceresto es store.js
import { createStore } from 'redux' import cartItemsReducer from './CartItem' const store = createStore(cartItemsReducer) export default storeesto es App.js
import React from 'react' import MainStackNavigator from './src/navigation/AppNavigator' import { Provider as StoreProvider } from 'react-redux' import store from './src/redux/Store' export default function App() { return ( <StoreProvider store={store}> <MainStackNavigator /> </StoreProvider> ) }esta es la pantalla donde estoy despachando
import ADD_TO_CART from '../redux/CartItem' import { useDispatch } from 'react-redux' const dispatch = useDispatch() const addItemToCart = item => dispatch({ type: ADD_TO_CART, payload: item }) <TouchableOpacity onPress={() => addItemToCart(item)} style={styles.button}> <Text style={styles.buttonText}>Add +</Text> </TouchableOpacity>Está invocando la función con un parámetro de elemento , pero ¿de dónde viene?
Debe definir el parámetro y luego pasarlo.
<TouchableOpacity onPress={(item) => addItemToCart(item)} style= {styles.button}>