我们如何更新javascript中特定对象的对象？

Question

let items = state.refundHistory.items.map((o, idx) => { 
    o.body.payment.loader = true; 
    return o; 
}); 

现在我想更新状态中可用的项目，并希望返回修改后的数据状态。

Answer 1

你可以只重新分配

let items = state.refundHistory.items.map((o, idx) => { 
    o.body.payment.loader = true; 
    return o; 
}); 
state.refundHistory.items = items; 
return state; 

你也可以处理这种内嵌太

state.refundHistory.items = state.refundHistory.items.map((o, idx) => { 
    o.body.payment.loader = true; 
    return o; 
}); 

return state; 

但是您最好使用.forEach。这将节省不得不分配一个新的数组。

state.refundHistory.items.forEach(item => { 
    item.body.payment.loader = true; 
}); 
return state; 

一些库，如终极版要求您创建一个全新的对象在这种情况下，运营商蔓延是非常方便的

let items = state.refundHistory.items.map((o, idx) => { 
    o.body.payment.loader = true; 
    return o; 
}); 

return { 
    refundHistory : { 
     items : items, 
     ...state.refundHistory 
    }, 
    ...state, 
}