عمل loop على object في react

هذه جافاسكربت لا علاقة ل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' },
  ]

*/

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

Object.values(response)

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

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

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