反应本机：嵌套的json对象浅副本（参考）不起作用

Question

我有一个嵌套的JSON对象，看起来像{“ name”，“ children”：[JSON对象]}。 我正在尝试将一个新孩子添加到带有变量路径的对象中，该名称数组。

我的代码在我的React Native应用程序中不起作用，但是它在Chrome控制台中确实如此，这使我真的很困惑。它与反应本地有关吗？如果是这样，我该如何解决？

在Google控制台上载的代码产生了预期的结果：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);

相同的代码，包裹在React Native App中，在Android上进行了测试模拟器（Pixel_5_API_30），产量 {“儿童”：[{“ children”：[array]，“ name”：“ tag1”}]，“ name”：“ root”}不是预期的行为（> > [数组]表示空数组）。

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

Answer 1

好的，检查后，确实[array]不是空数组，并且代码按预期工作。似乎反应本机仅显示阵列最高为一个深度。