ما هي طريقة استعلام العناصر المتداخلة في GraphQL

مرحبا
ممكن تحول  response الذي يرجع من api الي object
باستخدام هذه الدالة
 

async function fetchData() {
  try {
    const response = await fetch('/api/menus/3?nested&populate=*');
    
    if (!response.ok) {
      throw new Error(`HTTP error! Status: ${response.status}`);
    }

    const data = await response.json();
    console.log('Result as an object:', data);
    
    return data;
  } catch (error) {
    console.error('Error fetching data:', error);
  }
}

وبعد ذاللك استدعاء الدالة
 

const resultObject = await fetchData();

وبعد ذاللك تستطيع استخدامها
مثل هذا
 

const menuId = resultObject.data.id;
const menuTitle = resultObject.data.attributes.title;

console.log(`Menu ID: ${menuId}`);
console.log(`Menu Title: ${menuTitle}`);

const itemsData = resultObject.data.attributes.items.data;

itemsData.forEach(item => {
  const itemId = item.id;
  const itemTitle = item.attributes.title;
  const itemUrl = item.attributes.url;

  console.log(`Item ID: ${itemId}`);
  console.log(`Item Title: ${itemTitle}`);
  console.log(`Item URL: ${itemUrl}`);

  if (item.attributes.children && item.attributes.children.length > 0) {
    item.attributes.children.forEach(child => {
      const childId = child.id;
      const childTitle = child.attributes.title;
      const childUrl = child.attributes.url;

      console.log(`Child ID: ${childId}`);
      console.log(`Child Title: ${childTitle}`);
      console.log(`Child URL: ${childUrl}`);
      if (child.attributes.children && child.attributes.children.length > 0) {
        child.attributes.children.forEach(grandchild => {
          const grandchildId = grandchild.id;
          const grandchildTitle = grandchild.attributes.title;
          const grandchildUrl = grandchild.attributes.url;

          console.log(`Grandchild ID: ${grandchildId}`);
          console.log(`Grandchild Title: ${grandchildTitle}`);
          console.log(`Grandchild URL: ${grandchildUrl}`);
        });
      }
    });
  }
});