شرح صفوف ومحتوى الفقرة
تركز القاعدة الثالثة على تجنب الحالة المكررة بحساب القيم المشتقة مباشرة. يقع المبتدئون كثيراً في فخ تخزين الاسم الأول والاسم الأخير ثم إضافة متغير حالة ثالث للاسم الكامل، أو حفظ مصفوفة المهام وبجانبها متغير حالة لعدد المهام المنجزة؛ ما يفرض عبء تحديث عدة متغيرات يدوياً في كل حدث.
متى أمكن استنتاج قيمة حسابياً من الحالة أو الخصائص الموجودة، احسبها كمتغير const عادي مباشرة أثناء التصيير دون استدعاء useState() جديد.
HTML
function CartSummary({ items }) {
const count = items.length;
const total = items.reduce((s, i) => s + i.price, 0);
const hasBonus = total >= 50;
return <p>{count} courses — Total: ${total}</p>;
}