无法向状态发送数据

Question

我一直在尝试在我通过观看有关 Redux 的教程创建的电影应用程序中添加添加收藏夹的功能，但由于某些原因，状态始终为空。
这就是我的 action 和 reducers 的样子

减速机

const initState = {
  favourites: [],
};

const favouriteReducer = (state = initState, action) => {
  switch (action.type) {
    case "ADD_FAVOURITE":
      return {
        ...state,
        favourites: action.payload.favourites,
      };
    default:
      return { ...state };
  }
};

export default favouriteReducer;

动作

 export const favouriteActions = () => {
  return {
    type: "ADD_FAVOURITE",
    payload: "zz",
  };
};

动作也被调度并显示在 redux 开发工具中，但没有添加到我创建的最喜欢的状态。

我将此 onclick 事件设置为星星的图像，我实际上想在该图像上传递电影的 ID，我可以从另一个状态访问。

const addFav = () => {
    dispatch(favouriteActions(id));
  };
reutrn{
<img src={favNot} onClick={addFav} />
}

我只是在这里发布我的组件文件的主要部分。我还附上了一张图片，显示了我点击图片后的当前状态。

Answer 1

您正在使用 case "ADD_FAVOURITE": 在减速机中，但在行动中，类型是 type: "ADD_FAVOURITES",

会不会是这个原因？

Answer 2

 return {
    ...state,
    favourites: action.payload.favourites,
  };

只需要“action.payload”或者如果你想要像数组这样的收藏夹应该改变减速器：favourites : [...state.favourites,action.payload]

Answer 3

export const favouriteActions = () => {
  return {
    type: "ADD_FAVOURITE",
    favourites: "zz",
  };
};

请检查以上是否有效。将“播放量”改为“收藏夹”

无法向状态发送数据

Can't send data to the state

state

payload

reactjs

redux