How Array Index Keys Breakأخطار استخدام فهرس المصفوفة
افهم أهمية خاصية المفتاح الفريد key في مطابقة قوائم React، ولماذا يسبب فهرس المصفوفة أو التوليد العشوائي أخطاء الهوية، وكيف نكتب Fragment المزود بمفتاح.
3 صفوف تعليمية
ReactJS
0 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
يلجأ بعض المبتدئين لإسكات تحذير المتصفح عبر كتابة key={index} باستخدام فهرس المصفوفة. في الواقع، يؤدي استخدام الفهرس في القوائم القابلة للفرز أو الحذف أو الإضافة في البداية إلى أعطال خفية خطيرة؛ إذ تنزاح أرقام الفهارس فتظن React أن العنصر الجديد في الموقع صفر هو نفس العنصر القديم، فتحتفظ بنصوص الحقول وحالات العناصر في السطر الخطأ!
الصف 2
صورة توضيحية
الصف 3
ملاحظة هامة
جميع فقرات هذا الدرس (أهمية خاصية المفتاح الفريد key في قوائم React)
