राज्य चर में गोता लगाने से पहले, आइए देखें कि रिएक्ट घटक क्या बनाता है!
रिएक्ट में, एक घटक कोड का एक पुन: प्रयोज्य टुकड़ा है जो आपके यूजर इंटरफेस (यूआई) के एक हिस्से का प्रतिनिधित्व करता है। यह HTML बटन जितना सरल या संपूर्ण पृष्ठ जितना जटिल हो सकता है।
रिएक्ट में, एक स्टेट वेरिएबल एक विशेष प्रकार का वेरिएबल है जो एक घटक के लिए विशिष्ट डेटा संग्रहीत करता है।
रिएक्ट में, घटक रिएक्ट अनुप्रयोगों के निर्माण खंड हैं। वे कार्यात्मक या वर्ग-आधारित हो सकते हैं। जब हम कार्यात्मक घटक कहते हैं, तो वे आम तौर पर नोड या जेएसएक्स तत्व (एक विशेष वाक्यविन्यास जो HTML जैसा दिखता है लेकिन वास्तव में जावास्क्रिप्ट कोड है) लौटाते हैं। ब्राउज़र पर सामग्री प्रदर्शित करने के लिए, रिएक्ट केवल कार्यात्मक घटक को कॉल करता है, तत्वों को प्रस्तुत करता है। हर बार जब किसी घटक/फ़ंक्शन को कॉल/रेंडर किया जाता है तो उसके वेरिएबल्स को पुनः घोषित किया जाता है और पुनः आरंभ किया जाता है। यह घटक को उसके डेटा में किए गए किसी भी बदलाव को बनाए रखने से रोकता है। सामान्य JavaScript वैरिएबल अपर्याप्त हैं क्योंकि वे री-रेंडर (फ़ंक्शन कॉल) के दौरान बने नहीं रहते हैं।
एक संभावित समाधान वैश्विक चर का उपयोग करना और प्रतिक्रिया फ़ंक्शन के लिए पैरामीटर के रूप में पास करना है, लेकिन इससे कड़ी युग्मन हो सकती है, जिससे कोड को समझना, परीक्षण करना और बनाए रखना कठिन हो जाता है।इस समस्या के समाधान के लिए, रिएक्ट टीम एक समाधान लेकर आई? राज्य चर कहा जाता है।
जब किसी घटक को रेंडरर्स के बीच कुछ जानकारी को "याद" रखने की आवश्यकता होती है तो एक स्टेट वेरिएबल का उपयोग करें। स्टेटये वेरिएबल रिएक्ट घटकों को समय के साथ बदलते डेटा को प्रबंधित और संग्रहीत करने की अनुमति देते हैं। सामान्य चर के विपरीत, राज्य चर डिफ़ॉल्ट रूप सेवैरिएबल को यूज़स्टेट हुक को कॉल करके घोषित किया जाता है।
अपरिवर्तनीय होते हैं और केवल उनके राज्य अपडेटर फ़ंक्शन द्वारा अपडेट किए जा सकते हैं। जब भी उनके मूल्य में परिवर्तन होता है तो यह फ़ंक्शन घटक के पुन: प्रस्तुतीकरण को ट्रिगर करता है। यह गतिशील व्यवहार रिएक्ट घटकों को सक्रिय डेटा अपडेट लौटाने और एक आदर्श उपयोगकर्ता अनुभव प्रदान करने में सक्षम बनाता है। रिएक्ट राज्य चर में किए गए परिवर्तनों का ट्रैक रखता है। जब किसी परिवर्तन का पता चलता है, तो रिएक्ट स्वचालित रूप से सुलह नामक प्रक्रिया का उपयोग करके DOM ट्री को फिर से प्रस्तुत करता है।
अधिक गहराई तक गोता लगाने के लिए तैयार हैं?
किसी घटक की मेमोरी बताएं
अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।
Copyright© 2022 湘ICP备2022001581号-3