const [treeData, setTreeData] = useState([ { title: 'parent 1', key: '0-0', icon: <UserAddOutlined />, children: [ { title: 'parent 1-0', key: '0-0-0', icon: <UserAddOutlined />, children: [ { title: 'leaf', key: '0-0-0-0', icon: <UserAddOutlined />, }, { title: 'leaf', key: '0-0-0-1', icon: <UserAddOutlined />, }, ], }, { title: 'parent 1-1', key: '0-0-1', icon: <UserAddOutlined />, children: [ { title: 'sss', key: '0-0-1-0', icon: <UserAddOutlined />, }, ], }, ], }, ]); const insertDataHandler = (formData) =>{ // i need to add this element on specific parent's children list const parentId = formData.pId; let element = { title: formData.nNode, key: formData.Id, icon: <UserAddOutlined />, } }

en insertDataHandler se creó el elemento, y también tengo una identificación principal, por lo que lo que debo hacer es que la identificación principal verifique todas las claves de treeData y las agregue a la matriz de elementos secundarios de este elemento principal específico donde la clave coincide, si los elementos secundarios no existen luego crea la matriz y luego inserta en esa matriz