شرح صفوف ومحتوى الفقرة
تحظر قاعدة النقاء تعديل الكائنات الموجودة قبل استدعاء التصيير فقط. أما إنشاء مصفوفة أو كائن جديد داخل دالة المكون نفسها ثم تعبئته عبر push() خلال نفس عملية الرسم فيُعد تعديلاً محلياً آمناً (Local Mutation) ونقياً بنسبة 100%؛ لأن هذا المتغير وُلد محلياً ولا يؤثر في أي جزء خارجي من التطبيق.
HTML
function StarRating({ score }) {
const stars = [];
for (let i = 1; i <= 5; i++) {
const icon = i <= score ? '★' : '☆';
stars.push(<span key={i}>{icon}</span>);
}
return <div className="rx-card">{stars}</div>;
}