مدیریت رویدادها در React (قسمت شانزدهم)

در زبان جاوااسکریپت به دو روش می توانیم رویدادهای خود را ایجاد و آنها را مدیریت کنیم.

  • استفاده از event handler ها در تگ های html
  • استفاده از event listener ها از طریق خود جاوااسکریپت

در ری اکت از event handler ها استفاده می شود. که می توانیم از طریق تگ های html آنها را فراخوانی کنیم.در ری اکت برای قرار دادن رویدادها باید حرف دوم کلمه را بزرگ بنویسیم.
برای مثال در اینجا را بصورت قرار می دهیم.

مثال:

<button >Click Me!</button>

این event handler ها می توانند دریافت کننده متدها و دستوراتی باشند که با اعمال رویداد اجرا شوند.برای اینکار پس از نوشتن نوع رویداد یک = قرار داده و درون {} دستور خود را که هم می تواند یک Arrow function یا متد باشد قرار دهیم.ما میخواهیم پس از کلیک یک پیغام در صفحه نمایش داده شود.

مثال:


مشاهده ادامه در لینک زیر:

https://dejavan.ir


سخن پایانی

این بود یکی دیگر از آموزش react در صورت داشتن سوال یا نظر اون رو با من در میان بزارید.

من امیر جوان میر هستم گرافیست و توسعه دهنده وب از سال 1390

instagram: https://www.instagram.com/amir.javanmir/

تمامی حقوق این مطلب متعلق به سایت دیزاینر جوان می باشد هرگونه استفاده از این مطلب با ذکر منبع آن بلامانع است.

website: https://dejavan.ir
instagram: https://instagram.com/designer.javan
twitter: https://twitter.com/designer_javan
Telegram: https://t.me/designer_javan


سایر مطالب

https://virgool.io/ReactTutorial