小编Xyl*_*ops的帖子

Redux 更新嵌套状态数组

嗨，我有两个关于 redux 的问题要问

我如何更新嵌套在对象内部数组中的对象，示例如下

newInStockList:{
    newEntry:[
        0:{
            id:"584f9b926f69ee93d4eb320d",
            name:"apple",
            amount:"10"
        }, 
        1:{
            id:"584f9b926f69ee93d4eb31e5",
            name:"orange",
            amount:"20"  <-------- target
        }, 
    ]
}

Run Code Online (Sandbox Code Playgroud)

我想要更新的目标是那里的橙色数量，因为我已经为它创建了一个减速器，减速器还包括更多的动作

export var newInStockList = (state = {newEntry:[]}, action)=>{
    switch (action.type){
        case 'INSERT_NEW_ITEM_TO_INSTOCK_LIST':
            return {
                newEntry:[...state.newEntry, action.item]
            };
        case 'REMOVE_ITEM_FROM_INSTOCK_LIST':
            return {
                newEntry:[
                    ...state.newEntry.slice(0, action.targetItemIndex),
                    ...state.newEntry.slice(action.targetItemIndex + 1)
                ]
            }
        case 'EDIT_ITEM_FROM_INSTOCK_LIST':
            return {
                newEntry:[
                    ...state.newEntry,
                    state.newEntry[action.targetItemIndex]:{      <----problem
                        amount:action.amount                      <----problem
                    }                                             <----problem
                ]
            }
        default:
            return state;
    }
}

Run Code Online (Sandbox Code Playgroud)

如果我想将橙色的数量从 20 更新为 30，我在这个减速器中做错了什么？因为我的减速器的输出只会将相同的项目（橙色）再次复制到数组中。我缺少会导致此错误的关键概念是什么？