كيفية تمرير معامل إلى معالجات الأحداث في React

تعرف على كيفية تمرير معامل إلى أحداث onClick على سبيل المثال ، دون استدعاء التابع on mount

عندما تعمل على مكون وظيفي في React ، قد تحتاج إلى إرفاق حدث بـ onClick (أو أحداث أخرى).

عادة ما تفعل:

<button onClick={addBill}>Add</button>

ولكن ماذا لو كان عليك اجتياز المعلمة؟ لنفترض أن لديك قائمة بالفواتير ، وتريد إزالة واحدة من خلال النقر على "X" بجوارها.

لا يمكنك أن تفعل:

<button onClick={removeBill(index)}>𝗫</button>

لأن التعبير الموجود داخل onClick سيتم تنفيذه على mount. سيؤدي هذا إلى حذف جميع الفواتير الموجودة في القائمة بمجرد بدء تشغيل التطبيق.

بدلاً من ذلك ، هذا ما عليك القيام به ، باستخدام وظائف الأسهم:

<button onClick={() => removeBill(index)}>𝗫</button>

تحميل مجانيكتيب رد الفعل


المزيد من البرامج التعليمية للتفاعل: