العودة إلى الدورة

القوائم والمفاتيح (Lists and Keys)

React JS من الصفر إلى الاحتراف: الدليل الشامل

رندر القوائم

استخدم دالة .map() للمرور عبر المصفوفات وإرجاع المكونات. يحتاج كل عنصر إلى key فريد.

jsx

<ul> {users.map(user => ( <li key={user.id}>{user.name}</li> ))} </ul>

تساعد المفاتيح (Keys) مكتبة React في التعرف على العناصر التي تغيرت.