I'm practicing Redux and in my project when i dispatch an action i will see that in the dev tools but the state won't change and it will remain an empty Array. why is this happening ? i will appreciate a little help.
shopping cart.js
`import { createSlice, createAction } from "@reduxjs/toolkit";
I'm practicing Redux and in my project when i dispatch an action i will see that in the dev tools but the state won't change and it will remain an empty Array. why is this happening ? i will appreciate a little help.
shopping cart.js `import { createSlice, createAction } from "@reduxjs/toolkit";
// Action Creator
export const itemAdd = createAction("products/itemAdded");
const slice = createSlice({ name: "shoppingCart", initialState: [], reducers: { itemAdded: (cart, action) => cart.push(action.payload), }, });
export const { itemAdded} = slice.actions; export default slice.reducer;`
Dispatch `import { useDispatch, useSelector } from "react-redux"; import { itemAdd } from "../../store/state/shoppingCart";
// It's an onClick Event Handler const handleAddItem = (item) => { dispatch(itemAdd(item)); };`