Getting undefined object in redux state

Question

I'm calling an api that returns a bunch of objects and then dispatching the response.

When i looked on to redux devtool, the object is correctly dispatched, but in state it stores as "undefined[object Object],[object Object],[object Object],........,".

API format:

0: {id: 188, category_id: 23, en_name: "The Local", en_description: "Lorem Ipsum", price: 12, …}
1: {id: 212, category_id: 25, en_name: "Protein", en_description: "Lorem Ipsum", price: 5, …}
2: {id: 205, category_id: 24, en_name: "House Buttermilk Biscuits and Gravy", en_description: "Lorem Ipsum", price: 10, …}
3: {id: 206, category_id: 24, en_name: "Griddle me this Pancakes", en_description: "Lorem Ipsum", price: 10, …}

Redux devtool shown dispatch is also same as the above api.

while checking the state with redux devtool,

"undefined[object Object],[object Object],[object Object],........,"

Code :

  useEffect(() => {
    async function fetchData() {
      const response = await axios.get(
        "https://theapi.com/something/something"
      );
      let { categories, menus } = response.data;

      setCategories(categories);
      dispatch(setItemToCart(menus));
    }
    fetchData();
  }, []);

Reducers and action :

const initialState = {
  items: [],
};

export const addItems = createSlice({
  name: "cart",
  initialState,
  reducers: {
    setItemToCart(state, action) {
      state.items = state.item + action.payload;
    },
  },
});

export const { setItemToCart } = addItems.actions;

Harald Gliebe · Accepted Answer · 2021-07-03 10:59:23Z

1

The reducer should be implemented as

state.items = [...state.items, action.payload];

answered Jul 3, 2021 at 10:59

Harald Gliebe

7,6043 gold badges35 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Getting undefined object in redux state

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related