الفرق بين المراجعتين ل"React/faq functions"
< React
اذهب إلى التنقل
اذهب إلى البحث
Kinan-mawed (نقاش | مساهمات) (أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE:تمرير الدوال إلى المكونات}}</noinclude>') |
Kinan-mawed (نقاش | مساهمات) |
||
سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:تمرير الدوال إلى المكونات}}</noinclude> | <noinclude>{{DISPLAYTITLE:تمرير الدوال إلى المكونات}}</noinclude> | ||
+ | |||
+ | == كيف يمكنني تمرير مُعالِج أحداث (مثل onClick) إلى المكوّن؟ == | ||
+ | مرِّر مُعالِجات الأحداث والدوال الأخرى كخاصيّات props إلى المكوّنات الأبناء:<syntaxhighlight lang="javascript"> | ||
+ | <button onClick={this.handleClick}> | ||
+ | </syntaxhighlight>إن احتجت إلى الوصول إلى المكوّن الأب في مُعالِج الأحداث فستحتاج إلى ربط الدالة إلى نسخة المكوّن (مشروحة بالتفصيل في القسم التالي). | ||
+ | |||
+ | == كيف أربط الدالة إلى نسخة المكوّن؟ == | ||
+ | هنالك عدة طرق للتأكّد من أنّ الدوال تستطيع الوصول إلى خاصيّات المكوّن مثل this.props و this.state، بناءً على الصياغة وخطوات البناء التي تستخدمها. | ||
+ | |||
+ | === الربط في الدالة البانية (ES2015) === |
مراجعة 09:10، 12 سبتمبر 2018
كيف يمكنني تمرير مُعالِج أحداث (مثل onClick) إلى المكوّن؟
مرِّر مُعالِجات الأحداث والدوال الأخرى كخاصيّات props إلى المكوّنات الأبناء:
<button onClick={this.handleClick}>
إن احتجت إلى الوصول إلى المكوّن الأب في مُعالِج الأحداث فستحتاج إلى ربط الدالة إلى نسخة المكوّن (مشروحة بالتفصيل في القسم التالي).
كيف أربط الدالة إلى نسخة المكوّن؟
هنالك عدة طرق للتأكّد من أنّ الدوال تستطيع الوصول إلى خاصيّات المكوّن مثل this.props و this.state، بناءً على الصياغة وخطوات البناء التي تستخدمها.