اذهب إلى المحتوى

السؤال

نشر

يمكننا عمل loop على قائمة في react باستخدام map وذلك لانتاج مكونات تحمل بيانات القائمة لكن ماذا ان كان الرد من الخادم عبارة على object يحتوي objects كيف يمكننا عمل loop على ذلك ال object لتحقيق نفس النتيجة التي  نحققها باستخدام loop على قائمة 

Recommended Posts

  • 1
نشر

في حالة كان الرد من السيرفر ب أوبجكت يحتوي على عدة objects وتحتاج الى أن تقوم بعمل loop عليهم وهذا قلما يكون الوضع يمكنك بالفعل إستيراد كافة ال objects الداخليه لل object الرئيسي ووضعهم داخل مصفوفة كالتالي 

Object.values(response)

وسوف تحصل على مصفوفة كامله من ال objects داخل ال object الرئيسي

وبعد ذلك يمكنك عمل loop عليهم لعرضهم داخل المكون بكل سهوله 

Object.values(response).map(item => {...})

 

  • 0
نشر

هذه جافاسكربت لا علاقة لReact بالموضوع
يمكنك استخدام دالة Object.values الخاصة بالجاف سكربت 
 

const response = {
  0: { id: 1, name: 'ahmed' },
  1: { id: 2, name: 'Mohammed' },
  2: { id: 3, name: 'Ali' },
}

const modifiedResponse = Object.values(response);

//Object.values : تقوم بتحويل عناصر ال اوبجيكت إلى مصفوفة

/*
  [
    { id: 1, name: 'ahmed' },
    { id: 2, name: 'Mohammed' },
    { id: 3, name: 'Ali' },
  ]

*/

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...