Reactjs 如何使用Immutability helper更新数组中的嵌套对象?
在减速器内部,给定一个状态对象:Reactjs 如何使用Immutability helper更新数组中的嵌套对象?,reactjs,redux,react-redux,Reactjs,Redux,React Redux,在减速器内部,给定一个状态对象: var state = { "data": [{ "subset": [{ "id": 1 }, { "id": 2 }] }, { "subset": [{ "id": 10 }, {
var state = {
"data": [{
"subset": [{
"id": 1
}, {
"id": 2
}]
}, {
"subset": [{
"id": 10
}, {
"id": 11
}, {
"id": 12
}]
}]
}
如您所见,数据是一个嵌套数组,每个元素中都有数组
知道action.indexToUpdate将是数据的索引,我想以编程方式将数据[action.indexToUpdate].子集更新为新数组。例如,如果action.indexToUpdate=0,则数据[0]将从更新
[{"id":1},{"id":2}]
到
为此,我有:
let newSubset = [{"id":4},{"id":5}]
let newState = update(state.data[action.indexToUpdate], {
subset: {
newSubset,
},
})
但当我执行此操作时,它返回错误:
TypeError: value is undefined
关于更新功能
我一直在看这里的反应说明:但我真的不知道怎么做。请告知 您的更新看起来像
var obj = {"state" : {
"data": [{
"subset": [{
"id": 1
}, {
"id": 2
}]
}, {
"subset": [{
"id": 10
}, {
"id": 11
}, {
"id": 12
}]
}]
}}
return update(obj, {
"state" : {
"data": {
[action.indexToUpdate]: {
"subset": {
$set: [newSubset]
}
}
}
}
})
若子集中有其他字段,但您只希望更改包含其他键的特定索引处的字段,则可以编写
return update(obj, {
"state" : {
"data": {
[action.indexToUpdate]: {
"subset": {
[id]: {$merge: newSubset}
}
}
}
}
})
我感谢你的帮助!对不起,我的问题太简单了。我已经更新了问题-请看一看!
return update(obj, {
"state" : {
"data": {
[action.indexToUpdate]: {
"subset": {
[id]: {$merge: newSubset}
}
}
}
}
})