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

Action Types and Payload Shape تصميم نوع الأمر وحمولة البيانات

تعلّم تجميع انتقالات الحالة المتشعبة في دالة مخفض reducer نقية باستخدام خطاف useReducer في React، وإرسال أوامر dispatch واضحة، ومتى تتفوق على useState.
3 صفوف تعليمية
ReactJS
0 مشاهدة

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

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

يعبر كائن الأمر المتقن عن تفاعل مستخدم متكامل واحد حتى لو أدى ذلك التفاعل إلى تحديث عدة حقول في آنٍ معاً. فعند نقر زر تفريغ السلة مثلاً، نرسل أمراً واحداً مثل { type: 'cart_cleared' } يصفر المنتجات وكود الخصم معاً داخل فرع واحد بدلاً من ثلاثة أوامر منفصلة. وتُرفق البيانات الإضافية اللازمة — وتُعرف بحمولة الأمر (Payload) — بجانب خاصية type مباشرة.

الصف 2 كود برمجي
HTML
dispatch({
  type: 'item_quantity_updated',
  itemId: 104,
  nextQty: 3,
});
الصف 3 ملاحظة هامة