¿cómo están?, tengo este pequeño problema:
Estoy intentando aprender de como usar los hooks & context, ya he creeado un state global con context, pero ahora no sé como actualizar un objecto en concreto.
Mi state global:
"Sources": {
"defaultSourcesList": {
"id": 1,
"value": "hola1"
},
"SourcesList": [
{
"id": 1,
"value": "hola1"
},
{
"id": 2,
"value": "hola2"
},
{
"id": 3,
"value": "hola3"
}
]
},
Ahora bien, todo bien con mi state global, pero ahora necesito actualizar el valor "id" que tiene como padre a defaultSourcesList, mi intento de solución fue esta:
function setSource(e) {
setDefaultHome((prevState) => ({
...prevState,
Sources: {
defaultSourcesList: {
id: e,
},
},
}));}
Ahora bien cuando, ejecuto la función se me actualiza todo el objecto Sources y me queda con un valor así:
"Sources": {
"defaultSourcesList": {
"id": "NuevaID",
"value": "nuevaValor"
}, // Lo cual se borra del estado a **SourcesList**
Y mis intención es solamente actualizar "defaultSourcesList" y no borrar del estado "SourcesList".