شرح صفوف ومحتوى الفقرة
تتيح لك مكتبة React الاستجابة لتفاعلات المستخدم مثل النقر والتركيز وحركة المؤشر عبر خصائص أحداث بصيغة الجمل camelCase مثل onClick وonMouseEnter وonFocus. يقوم الأسلوب القياسي على خطوتين منظمتين: تعريف دالة معالجة داخل جسم المكون تبدأ عادةً بالسابقة handle، ثم تمريرها داخل قوسين معقوفين للعنصر المطلوب.
بخلاف نصوص onclick التقليدية في HTML الخام، تستقبل خصائص الأحداث في React مراجع دوال JavaScript حقيقية معزولة بأمان داخل نطاق المكون.
HTML
function PublishToolbar({ onStatus }) {
function handlePublish() {
onStatus('Published lesson cleanly!');
}
return (
<button type="button" onClick={handlePublish}>
Publish Lesson
</button>
);
}