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

عمل loop على object في react

Rayden Storm

السؤال

يمكننا عمل 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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...