在复杂JSON结构中按键查找/移动/删除对象

Question

“帮助我，StackOverflow。你是我最后的希望！”

我正在尝试构建一个小应用程序，其主要目的是从JSON结构生成React组件，移动这些组件（拖放），删除它们，添加新的......等等。

我的数据结构如下：

    data: [
    {
        type: enums.ROW,
        id: 0,
        children: [
            {
                type: enums.COL,
                id: 1,
                children: [
                    {
                        type: enums.TEXTBLOCK,
                        id: 2,
                    }
                ]
            },
            {
                type: enums.COL,
                id: 3,
                children: [
                    {
                        type: enums.TEXTBLOCK,
                        id: 4,
                        innerHTML: "Text II"
                    }
                ]
            },
            {
                type: enums.COL,
                id: 5,
                children: [
                    {
                        type: enums.TEXTBLOCK,
                        id: 6,
                        innerHTML: "Text III"
                    }
                ]
            }
        ]
    }
]

但我坚持像CRUD操作那样。 我需要根据其ID获取节点。我需要将它们添加/移动到其他节点（具有子属性的节点）。

我不知道应该从哪里开始解决这个问题。已经尝试了一些基本的递归函数，循环遍历data []中的每个元素，如果该元素具有children属性，则遍历其中的每个项目，直到找到具有给定id的元素，但这些都不是我想要的它来。

谢谢！ ：）