Never Generate Keys on Renderحظر توليد مفاتيح عشوائية بالعرض
افهم أهمية خاصية المفتاح الفريد key في مطابقة قوائم React، ولماذا يسبب فهرس المصفوفة أو التوليد العشوائي أخطاء الهوية، وكيف نكتب Fragment المزود بمفتاح.
2 صفوف تعليمية
ReactJS
0 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
الأشد ضرراً من فهرس المصفوفة هو توليد مفتاح عشوائي أثناء الرسم مثل كتابة key={Math.random()} داخل دالة map()! لأن هذه الدالة تنتج قيمة مختلفة في كل تصيير، فتفترض React أن جميع العناصر القديمة قد حُذفت وتهدم عقد DOM بالكامل وتعيد بناءها من الصفر، مما يفقد التركيز داخل الحقول ويدمر الأداء.
الصف 2
ملاحظة هامة
جميع فقرات هذا الدرس (أهمية خاصية المفتاح الفريد key في قوائم React)
