React में रेफ्स
यदि हम कुछ जानकारी याद रखना चाहते हैं,
लेकिन नहीं चाहते कि उसके बदलने पर
कम्पोनेंट का रेंडर हो, तो हमें
रेफ्स और तदनुरूप
हुक useRef की आवश्यकता होगी,
जो उनके साथ काम करता है।
रेफ (या संदर्भ) एक सामान्य JavaScript
ऑब्जेक्ट है जिसमें एकमात्र गुण current होता है,
जिसे आप पढ़ या बदल सकते हैं।
स्टेट्स की तरह, रेफ्स किसी भी प्रकार का डेटा स्टोर कर सकते हैं - यह संख्याएं, स्ट्रिंग्स, ऑब्जेक्ट्स और यहां तक कि फ़ंक्शन भी हो सकते हैं।
यदि आपका डेटा रेंडरिंग के लिए उपयोग किया जाता है, तो उसे स्टेट में स्टोर करें, और यदि आपको रेंडरिंग की आवश्यकता नहीं है, तो ऐसे में रेफ्स का उपयोग अधिक कुशल हो सकता है। इसके अलावा स्टेट के विपरीत रेफ का मान तुरंत बदल जाता है।
सामान्य तौर पर, रेफ्स का उपयोग उन जगहों पर किया जाता है जहाँ आपको
React से हटकर बाहरी API - अक्सर ब्राउज़र API, जो
कम्पोनेंट के प्रदर्शन को प्रभावित नहीं करते, के साथ इंटरैक्ट करना होता है।
यह उदाहरण के लिए id टाइमर
स्टोर करना या ऐसा ऑब्जेक्ट स्टोर करना हो सकता है जिसके लिए
JSX की गणना करने की आवश्यकता नहीं है, लेकिन अक्सर यह DOM एलिमेंट्स
के साथ इंटरैक्शन होता है। इनका उपयोग फोकस को नियंत्रित करने,
टेक्स्ट का चयन करने या मीडिया प्लेबैक के लिए किया जा सकता है।
अगले पाठ में हम रेफ्स और हुक useRef के साथ व्यावहारिक रूप से काम करना सीखेंगे।
