类型错误：无法访问属性 Symbol.iterator，状态 [action.payload.savedVideos] 未定义

问题描述

我在使用 redux 时遇到问题。我正在开发一个应用程序，您可以在其中保存有关 YouTube 视频的注释。一切正常，但是当我开始添加“ADD_ITEM”操作时，每次在我的减速器中执行此操作时都会出现相同的错误。我的错误是：TypeError: can't access property Symbol.iterator,state[action.payload.savedVideos] is undefined。我正在使用连接方法和函数 mapDispatchToProps 似乎很好，所以问题可能出在减速器或动作创建器中。这是我在减速器中添加项目的功能： `

 const reducer = (state = initialState,action) => {
  switch (action.type) {
    case 'ADD_ITEM':
      return {
        ...state,[action.payload.savedVideos]: [...state[action.payload.savedVideos],action.payload.item],};

这是我的动作创建者：

 export const addItem = (itemContent,savedVideos) => {
  const getId = () => `_${Math.random().toString(36).substr(2,9)}`;

  return {
    type: 'ADD_ITEM',payload: {
      savedVideos,item: {
        id: getId(),...itemContent,},};
};

和我的初始状态：

const initialState = {
  saves: [
    {
      id: 1,title: 'Hello meow',created: '18 may 2018',link: 'https://www.youtube.com/watch?v=-QmyosHh-kU',content: 'Nowy film gargamela!',{
      id: 2,link: 'https://www.youtube.com/watch?v=-QmyosHa-kU',content: 'Nowy film!',{
      id: 3,link: 'https://www.youtube.com/watch?v=-QmyosHy-kU',content: 'Nowy film gorgonzoli!',{
      id: 4,{
      id: 5,],};

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）