خطأ باستخدام عناصر بوتستراب 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>
))

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