如何在reactjs中获取对象的分级数组

// 定义一个对象
const data = {
  id: 1,
  name: 'Parent',
  children: [
    {
      id: 2,
      name: 'Child 1',
      children: [
        {
          id: 3,
          name: 'Grandchild 1',
          children: []
        },
        {
          id: 4,
          name: 'Grandchild 2',
          children: []
        }
      ]
    },
    {
      id: 5,
      name: 'Child 2',
      children: []
    }
  ]
};

// 递归函数，用于获取分级数组
const getHierarchyArray = (obj, level = 0) => {
  const result = [];
  
  // 添加当前对象到结果数组中
  result.push({ ...obj, level });
  
  // 递归遍历子对象
  if (obj.children && obj.children.length > 0) {
    obj.children.forEach(child => {
      result.push(...getHierarchyArray(child, level + 1));
    });
  }
  
  return result;
};

// 调用函数获取分级数组
const hierarchyArray = getHierarchyArray(data);

console.log(hierarchyArray);