Tengo objetos JSON anidados que se parecen a {"name", "children": [JSON objects]} . Estoy tratando de agregar un nuevo elemento secundario al objeto encontrado con una path variable, una matriz de nombres.

Mi código no funciona en mi aplicación React Native, sin embargo, sí lo hace en la consola de Chrome, lo que me confunde mucho. ¿Tiene que ver con React Native y, de ser así, cómo puedo resolverlo?

Código cargado en Google Console que arroja el resultado esperado: j.children[0].children[0] = 'test' :

 let j = {"name": "root", children: [{"name": "tag1", children: []}]}; let res = j; const path = ["tag1"]; for (const name of path) { for (const child of res.children) { if (child.name == name) { res = child; break; } } } res.children.push("test"); console.log(j);

El mismo código, envuelto en una aplicación React Native, probado en un emulador de Android (PIXEL_5_API_30), produce {"children": [{"children": [Array], "name": "tag1"}], "name": "root"} que no es el comportamiento esperado ( [Array] significa matriz vacía).

 export default function App() { const test = () => { let j = {"name": "root", children: [{"name": "tag1", children: []}]}; let res = j; const path = ["tag1"]; for (const name of path) { for (const child of res.children) { if (child.name == name) { res = child; break; } } } res.children.push("test"); console.log(j); } return ( <View> <Button title="test" onPress={test} /> <StatusBar style="auto" /> </View> ); }