الخطافات المخصصة (Custom Hooks)

جزء من دورة React

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

الهوك المخصص (custom hook) هو الحل، وهو أبسط بكثير مما يوحي به اسمه. إنه دالة JavaScript عادية يبدأ اسمها بـ use وتستدعي بداخلها هوكات React نفسها. هذا هو التعريف كاملًا. لا صياغة خاصة، ولا تسجيل، ولا شيء تستورده من React كي تُعلن عن واحد. وغرضه أن يعطي اسمًا لسلوك قابل لإعادة الاستعمال يتضمن حالة، تمامًا كما تستخرج أي منطق متكرر إلى دالة. ...