الفرق بين المراجعتين ل"React/faq functions"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
(أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE:تمرير الدوال إلى المكونات}}</noinclude>')
 
سطر 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، بناءً على الصياغة وخطوات البناء التي تستخدمها.

الربط في الدالة البانية (ES2015)