React में स्टेट्स का परिचय

अगली अवधारणा जिसे हम समझेंगे, उसे स्टेट्स कहा जाता है। स्टेट्स कंपोनेंट्स के रिएक्टिव वेरिएबल्स को प्रस्तुत करते हैं।

रिएक्टिविटी का मतलब है कि स्टेट के बदलने पर उन सभी जगहों पर बदलाव होंगे, जहाँ इस स्टेट का उपयोग किया जाता है। तकनीकी रूप से यह किसी भी स्टेट के बदलने पर पूरे कंपोनेंट के री-रेंडर होने के द्वारा हासिल किया जाता है।

स्टेट्स का उपयोग करने के लिए सबसे पहले useState फ़ंक्शन को इम्पोर्ट करना ज़रूरी है:

jsximport React, { useState } from 'react';

useState फ़ंक्शन पैरामीटर के रूप में स्टेट की प्रारंभिक वैल्यू लेता है, और अपने रिजल्ट के रूप में दो एलिमेंट्स की एक विशेष ऐरे वापस करता है। ऐरे के पहले एलिमेंट में स्टेट की करंट वैल्यू स्टोर रहती है, और दूसरे में - स्टेट को बदलने के लिए फ़ंक्शन रहता है।

स्टेट्स के सही काम करने के लिए उन्हें सीधे बदला नहीं जा सकता, बल्कि उन्हें बदलने के लिए फ़ंक्शन का इस्तेमाल करना चाहिए - केवल तभी रिएक्टिविटी काम करेगी।