No encuentro la manera de incorporar un nuevo registro en un arreglo de objetos como el que planteo más abajo. Estoy iniciándome en React Native y Javascript, por lo que cualquier orientación será bienvenida.
El escenario es el siguiente:
const [gastosxpart, crudGastosxpart] = useState([
{
nombre: "Raúl",
data:[{
id:1,
fecha: "25/03/21",
monto_abonado: "1000",
concepto: "gasolina",
observ: ""}
]
},
{
nombre: "Karina",
data:[
{
id: 1,
fecha: "19/03/21",
monto_abonado: "500",
concepto: "verduras",
observ: ""
},
{
id: 2,
fecha: "19/03/21",
monto_abonado: "1100",
concepto: "bebidas",
observ: ""
}
]
},
{
nombre: "Marisa",
data:[
{
id:1,
fecha: "21/03/21",
monto_abonado: "700",
concepto: "helado",
observ: "2 kg"
}
]
}
]);
De la manera siguiente logro incorporar un nuevo objeto:
crudGastosxpart(gastosxpart => [
...gastosxpart,
{nombre: quiengasto, data:[{id: gastosxpart.length.toString(), fecha: estegasto.fecha, monto_abonado: cuantogasto, concepto: estegasto.detalle, observ: ""}]},
])
Ahora, mi problema es, por ejemplo, si quiero agregar otro subelemento en el campo data del elemento/objeto principal Raúl (id:2..), no sé como hacerlo.
Gracias por cualquier ayuda !!.