انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #5 من درس: منهجية التفكير بطريقة React خطوة بخطوة

Step Five Inverse Data Flow الخطوة 5 التدفق العكسي للأحداث

طبّق المنهجية الهندسية الرسمية المكونة من 5 خطوات في React لتحويل أي تصميم واجهة إلى شجرة مكونات منظمة بأقل حالة ممكنة وتصفية مشتقة وتدفق أحداث عكسي.
2 صفوف تعليمية
ReactJS
0 مشاهدة

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

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

الخطوة 5 — إضافة التدفق العكسي للأحداث: تتدفق البيانات الآن نزولاً بانتظام من الأب إلى الأبناء، لكن الكتابة داخل SearchBar لا تستطيع بعدُ تغيير حالة الأب FilterableCatalog.

نغلق الحلقة التفاعلية بتمرير دوال التحديث نزولاً عبر الخصائص onQueryChange={setQuery} وonFreeOnlyChange={setFreeOnly}؛ فكل ضغطة مفتاح في الابن تستدعي دالة الأب فيتحدث الجدول المصفى لحظياً.

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

جميع فقرات هذا الدرس (منهجية التفكير بطريقة React خطوة بخطوة)