رویدادها در ReactJS – آموزش ReactJS

reactjs events 6151 تصویر

رویدادها در ReactJS

در این بخش شما با نحوه استفاده از رویدادها در ReactJS آشنا خواهید شد.

مثال ساده

این یک مثال است و فقط از یک کامپوننت در آن استفاده کرده ایم. در کد زیر ما یک رویداد onClick را برای دکمه مشخص کردیم که تابع updateState را فراخوانی می کند.

محتوای فایل App.jsx:

محتوای فایل main.js:

مثال فوق خروجی زیر را تولید خواهد کرد:

reactjs events 6151 1 تصویر

رویدادهای فرزند (Child Events)

زمانی که نیاز داشته باشیم تا state کامپوننت والد را از داخل کامپوننت فرزند به روز کنیم، می توانیم یک event handler ایجاد کنیم سپس آن را به عنوان props به کامپوننت فرزند ارسال کنیم.

محتوای فایل App.jsx:

محتوای فایل main.js:

خروجی مثال فوق:

reactjs events 6151 2 تصویر

ثبت نظر
ریفریش کنید!
نظرات کاربران (۰ مورد)

هیچ نظری ثبت نشده است