Controlled vs Uncontrolled UI
المكونات الموجهة وذاتية الإدارة
زامن المكونات الشقيقة برفع الحالة المشتركة إلى الأب الأقرب، وافهم كيف تربط React بقاء الحالة بموقع المكون في الشجرة ومتى تصفرها عمداً عبر خاصية key.
يمتد مصطلحا ذاتي الإدارة (Uncontrolled) والموجَّه بالخصائص (Controlled) في معمارية React ليشملا مكوناتك المخصصة كلها وليس عناصر النماذج فحسب:
- المكون ذاتي الإدارة: يحتفظ بحالته داخلياً عبر
useState()، فيسهل تركيبه بأقل إعدادات لكن يصعب تنسيقه خارجياً. - المكون الموجَّه بالخصائص: يستقبل حالته ودوال تغييره من أبيه عبر Props، مما يمنح الأب تحكماً كاملاً في تنسيقه مع أشقائه.
جميع فقرات هذا الدرس (رفع الحالة للأعلى وهوية بقاء أو تصفير الحالة)
