انتقل إلى محتوى الدرس

Anatomy of ref.current Object بنية كائن المرجع وخاصية current

تعلّم كيف يحفظ خطاف useRef القيم المتغيرة بين مرات التصيير دون التسبب في إعادة رسم المكون، مع بناء ساعة إيقاف دقيقة ومقارنة المرجع مع useState.
2 صفوف تعليمية
ReactJS
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

عند استدعاء useRef(initialValue) تعيد React كائن JavaScript بسيطاً يحمل خاصية وحيدة بالشكل { current: initialValue }. وعلى عكس لقطات الحالة الثابتة، تظل هوية هذا الكائن في الذاكرة ثابتة ومطابقة لنفسها في كل تصيير يمر به المكون.

يمكنك قراءة خاصية ref.current وتعديلها مباشرة بالإسناد الاعتيادي دون الحاجة لدالة ضبط خاصة، لأن React تتعمد عدم مراقبة تغييراتها لإعادة الرسم.

الصف 2 معاينة حية