معالجة الأحداث

جزء من دورة React

المكوّن الذي لا يفعل شيئًا سوى العرض اعتمادًا على الخصائص (props) والحالة ليس تفاعليًا من تلقاء نفسه، إذ لا بد لشيء ما أن يلاحظ ضغطة المستخدم على زر، أو كتابته في حقل، أو ضغطه على مفتاح، ويحوّل ذلك إلى تحديث للحالة. لقد وصلت onClick واحدة في الدرس السابق دون أن نتوقف لشرحها.

يتيح لك React ربط معالجات الأحداث مباشرة بعناصر JSX عبر خصائص تحمل اسم حدث DOM الذي تستجيب له، مكتوبًا بصيغة camelCase: onClick للضغطات، و onChange لتغيّر محتوى الحقول، وهكذا. وقيمة تلك الخاصية دالة، إما تعرّفها على حدة وإما تكتبها في المكان نفسه. ...