شرح صفوف ومحتوى الفقرة
تتولى React تحديث عناصر الصفحة تصريحياً بناءً على مخرجات JSX فلا نحتاج إلى استعلامات document.querySelector() اليدوية. غير أن بعض مهام المتصفح الأصيلة — كنقل مؤشر الكتابة برمجياً، أو التمرير السلس لعنصر محدد، أو قياس أبعاده بالبكسل، أو تشغيل مقاطع الوسائط — لا تملك خاصية تصريحية تغني عن استدعاء دالة على العنصر ذاته.
للوصول الآمن إلى عنصر حقيقي، ننشئ مرجعاً مبدئياً بكتابة const myRef = useRef(null) ثم نمرره للوسم عبر سمة ref={myRef}؛ وبمجرد اعتماد الرسم في المتصفح تضع React عقدة العنصر الفعلية داخل myRef.current وتعيدها إلى null عند إزالته.