Why is the state on hooks not updated after dispatch?

Question

React

This is where I request an array and say redux write it down for me.

useEffect(() => {
    axios.get("http://localhost:3000/db.json").then(({ data }) => {
      dispatch(pizzasActions.setPizzas(data.pizzas));
    });
  }, []);

Then it arrives well, action is fine. And it seems like it should overwrite everything in the state, but this does not happen. state.items = undefined

const initialState = {
  items: []
};

export const pizzasReducer = (state = initialState, action) => {
  switch (action.type) {
    case pizzasActionsType.SET_PIZZAS:
      return { ...state , items : action.payload};
    default:
      return state;
  }
};

What could be wrong?

Answer 1

A typo - you are passing payOlad , and the data in the reducer is taken from action.payload . I recommend installing plugins, such as code spell checker, it helps a lot.