خطاف useState

عند بناء واجهات ديناميكية وسهلة الاستخدام، من الضروري السماح للمكونات بتذكر بياناتها وتحديثها. في السابق، كانت مكونات الفئة فقط هي القادرة على الاحتفاظ بالحالة الداخلية، مما يجعل تنفيذ بعض التفاعلات أكثر تعقيدًا. الآن، معuseState باستخدام هوك، يمكننا إدارة الحالة مباشرةً داخل المكونات الوظيفية. تُمكّن هذه الإضافة واجهة المستخدم من الاستجابة فورًا لمدخلات المستخدم، والبيانات المتغيرة، والأحداث الأخرى، باستخدام كود أبسط وأسهل قراءة.

كيفuseState أعمال

الuseState يسمح الخطاف للمكونات الوظيفية بالحصول على حالتها الداخلية الخاصة، مما يمكّنها من إدارة البيانات الديناميكية بمرور الوقت. عندما نستدعيuseState ، نقدم قيمة افتراضية، والتي تُحدد الحالة الأولية للمكون. تُرجع هذه القيمة مصفوفة تحتوي على عنصرين: قيمة الحالة الحالية ودالة لتحديثها. عادةً ما تُفكك هذه القيم إلى متغيرات، مثل ...