如何更新（添加和刪除）redux 嵌套列表中的項目：Redux，React

Question

這是我最初的 state 的樣子：

Fruits: {
    34: {
        FruitsID: 34,
        FruitsList:{apple, pineapple, banana}
        }
}

在這里，我想添加“桃子”或“梨”等水果項目，並刪除“蘋果”和“香蕉”。 我的“添加水果”減速器返回我在下面寫的內容，但由於 id 的原因，這似乎不起作用。 但是，我確實需要使用 id 因為會有幾個水果列表，而不僅僅是一個。 例如：水果：{ 23: {...}, 3980: {...}, 129: {...} }

Fruits: {
          [action.id]: {
            …state.Fruits[action.id],
            FruitsID: action.id,
            FruitsList: {
              ...state.Fruits[action.id].FruitsList.push(action.fruit),
            },
          },
}

我嘗試閱讀幾篇相關文章，但找不到適用於我的情況的文章。

• 如果我這樣做（如下），那么在 action.fruit 下會出現語法錯誤，說它需要'，'？

Fruits: {
          [action.id]: {
            …state.Fruits[action.id],
            FruitsID: action.id,
            FruitsList: {
              ...state.Fruits[action.id].FruitsList,
              action.fruit
            },
          },
}

Answer 1

我對此進行了測試並遇到了兩個問題：

Fruits: {
          [action.id]: {
            …state.Fruits[action.id],
            FruitsID: action.id,
            FruitsList: {
              ...state.Fruits[action.id].FruitsList,
              action.fruit
            },
          },
}

1-在這一行…state.Fruits[action.id]，三個點似乎不是應該的點字符，再次輸入或復制它=“…”！

2-將此行“action.fruit”轉換為：“fruit:action.fruit”，因此當前代碼如下：

Fruits: {
                [action.id]: {
                ...state.Fruits[action.id],
                FruitsID: action.id,
                FruitsList: {
                        ...state.Fruits[action.id].FruitsList,
                        fruit:action.fruit
                        }
                    }
                }
            }