خطأ باستخدام عناصر بوتستراب row و col مع مكونات مصفوفة ضمن map في رياكت

برجاء ارفاق الشفرة البرمجية لمعاينتها بشكلٍ جيد

تأكد من أن مكون السطر row خارج محتوى الكروت جميعها وليس داخل تابع map، لتكون النتيجة شبيهة بالتالي

<!-- الطريقة الصحيحة -->
<div className="row">
  { data.map(e => (<div className="col card">...</div>)}
</div>

  وليس كالتالي

<!-- طريقة خاطئة -->
data.map(e => (
  <div className="row">
    <div className="col card">...</div>
  </div>
))