انتقل إلى محتوى الدرس

Notify Parents in Same Event أبلغ المكون الأب بنفس الحدث

تخلص من الاستخدام الزائد لخطاف useEffect عبر حساب البيانات المشتقة أثناء التصيير، ومعالجة أفعال المستخدم في دوال الحدث، وتصفير الحالة بخاصية key مباشرة.
2 صفوف تعليمية
ReactJS
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تجنب كذلك «سلاسل التأثيرات المتعاقبة» حين يحدّث المكون الفرعي حالته في حدث النقر ثم يعتمد على useEffect منفصل لإبلاغ المكون الأب عبر onChange(nextValue)؛ فذلك يبعثر التحديث الواحد على عدة تصييرات متتالية.

البديل السليم هو استدعاء دالة الأب وتحديث الحالة معاً داخل نفس دالة الحدث، أو رفع الحالة بالكامل للأب ليصبح المكون الفرعي محكوماً وبسيطاً.

الصف 2 ملاحظة هامة