reactjs - immutable - cómo usar Immutability helper para actualizar un objeto anidado dentro de una matriz?

react native state array

Question

Reductor interior, dado un objeto de estado:

var state = {
"data": [{
"subset": [{
"id": 1
}, {
"id": 2
}]
}, {
"subset": [{
"id": 10
}, {
"id": 11
}, {
"id": 12
}]
}]
}

Como puede ver, los datos son una matriz anidada, con matrices en cada uno de sus elementos.

Sabiendo que action.indexToUpdate será un índice de datos, quiero actualizar los datos [action.indexToUpdate] .subset a una nueva matriz mediante programación. Por ejemplo, si action.indexToUpdate = 0, los datos [0] se actualizarán desde

[{"id":1},{"id":2}]

a

[{"id":4},{"id":5}]

Para hacerlo, tengo:

let newSubset = [{"id":4},{"id":5}]
let newState = update(state.data[action.indexToUpdate], {
subset: {
newSubset,
},
})

Pero cuando ejecuté esto, devuelve error:

TypeError: value is undefined

en la función de actualización.

He estado viendo la sección de reacción aquí: https://facebook.github.io/react/docs/update.html pero no pude entender cómo hacerlo. ¡Por favor avise!

Answer 1

Tu actualización se verá como

 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]
}
}
}
}
})