شرح صفوف ومحتوى الفقرة
تبرز أهمية الدوال السهمية المباشرة عند عرض مجموعة أزرار أو بطاقات تحتاج كل واحدة منها لتمرير معرّف خاص أو قيمة محددة لدالة مشتركة. فكتابة onClick={() => handleSelectTrack(track.id)} تنشئ دالة خفيفة لكل عنصر تحفظ قيمة track.id الخاصة به وتمررها لحظة النقر دون أي تنفيذ مبكر.
HTML
function TrackPicker({ tracks, onPick }) {
return tracks.map((t) => (
<button key={t.id} onClick={() => onPick(t.id)}>
Select {t.title}
</button>
));
}