Object 如何使用javascript更新嵌套对象值

我有以下对象。我正在以树格式显示这些对象值。我需要通过单击该特定项目来更新对象名称。请帮助我

nodeData = [
    {
      id: 1,
      name: 'Quality Oil',
      isExpanded: true,
      count: 102,
      children: [
        {
          id: 2,
          name: 'Florida',
          count: 52,
          children: [
            {
              id: 102,
              name: 'Test',
              count: 30,
              children: [
                {
                  id: 1232,
                  name: 'Test',
                  count: 2,
                  children: [
                    { id: 12121212, name: '122 / Thomson Road', count: -1, children: [] },
                    { id: 18374832, name: '123 / Church Street', count: -1, children: [] },
                  ],
                },
              ],
            },
          ],
        },
        {
          id: 3,
          name: 'Texas',
          count: 30,
          children: [{ id: 22, name: 'Test', count: 0 }],
        },
        {
          id: 4,
          name: 'California',
          count: 20,
          children: [{ id: 32, name: 'Test', count: 0 }],
        },
      ],
    },
  ];

我使用下面的代码进行更新

我通过onclick方法将值传递给这个方法。它适用于佛罗里达州、加利福尼亚州、德克萨斯州等地的一级公路。。。但我无法更新此子树测试的其他子项

const value = this.nodes[0].children
for (let i in value) {    
    if (value[i].id === id) {
        value[i].name = this.dataName;
            
    }
}
console.log(this.nodes)