प्रतिक्रिया में अमान्यकर्ताओं को समझना

इनवैलिडेटर एक जावास्क्रिप्ट ऑब्जेक्ट है जो आपको रिएक्ट घटक की स्थिति को अमान्य (या रीसेट) करने की अनुमति देता है। जब किसी घटक की स्थिति अमान्य हो जाती है, तो रिएक्ट अद्यतन स्थिति के साथ घटक को फिर से प्रस्तुत करेगा।

दूसरे शब्दों में, एक अमान्यकर्ता रिएक्ट को यह बताने का एक तरीका है कि घटक की स्थिति बदल गई है और उसे फिर से प्रस्तुत करने की आवश्यकता है।

यहां कुछ हैं अमान्यकर्ताओं के लिए सामान्य उपयोग के मामले:

1. जब डेटा बदलता है: यदि कोई घटक जो डेटा प्रस्तुत कर रहा है वह बदलता है, तो आप अद्यतन डेटा के साथ घटक को फिर से प्रस्तुत करने के लिए रिएक्ट को बताने के लिए एक अमान्यकर्ता का उपयोग कर सकते हैं।
2। जब कोई प्रोप बदलता है: यदि किसी घटक का प्रॉप बदलता है, तो आप रिएक्ट को नए प्रॉप्स के साथ घटक को फिर से प्रस्तुत करने के लिए कहने के लिए एक अमान्यकर्ता का उपयोग कर सकते हैं।
3। जब प्रोप परिवर्तन द्वारा स्थिति परिवर्तन ट्रिगर नहीं होता है: कभी-कभी, आप किसी घटक को फिर से प्रस्तुत करना चाह सकते हैं, भले ही उसका प्रॉप्स नहीं बदला हो। उदाहरण के लिए, यदि आप किसी सूची में आइटमों की संख्या को ट्रैक करने के लिए एक स्टेट वेरिएबल का उपयोग कर रहे हैं, और उपयोगकर्ता आइटम जोड़ता या हटाता है, तो आप रिएक्ट को अद्यतन स्थिति के साथ घटक को फिर से प्रस्तुत करने के लिए कहने के लिए एक अमान्यकर्ता का उपयोग कर सकते हैं।
4। जब कोई घटक अनमाउंट किया जाता है: यदि कोई घटक अनमाउंट किया जाता है (यानी, DOM से हटा दिया जाता है), तो आप घटक द्वारा उपयोग किए जा रहे किसी भी संसाधन को साफ करने के लिए रिएक्ट को बताने के लिए एक अमान्यकर्ता का उपयोग कर सकते हैं। अमान्यकर्ताओं को आम तौर पर ऐसे फ़ंक्शन के रूप में कार्यान्वित किया जाता है जो बूलियन मान लौटाते हैं यह दर्शाता है कि क्या घटक की स्थिति बदल गई है। यहां एक उदाहरण दिया गया है कि आप रिएक्ट घटक में अमान्यकर्ता का उपयोग कैसे कर सकते हैं:
```
क्लास काउंटर प्रतिक्रिया को बढ़ाता है। घटक {
राज्य = { गिनती: 0 };

अमान्यकर्ता = () => {
इसे वापस करें। गिनती !== यह.अंतिम गणना;
};

हैंडल जोड़ें = () => {
यह.अंतिम गिनती = यह.राज्य.गिनती; ;

रेंडर() {
रिटर्न (

);
}
}
```
इस उदाहरण में, यदि घटक की स्थिति बदल गई है तो `अमान्यकर्ता` फ़ंक्शन `सही` लौटाता है, और अन्यथा `गलत` लौटाता है। `हैंडलऐड` फ़ंक्शन `लास्टकाउंट` को वर्तमान गिनती पर सेट करके और फिर `काउंट` स्थिति को नए मान के साथ अपडेट करके घटक की स्थिति को अपडेट करता है। जब घटक को दोबारा प्रस्तुत किया जाता है, तो रिएक्ट यह जांचने के लिए `अमान्यकर्ता` फ़ंक्शन को कॉल करेगा कि क्या स्थिति बदल गई है, और यदि ऐसा है, तो यह अद्यतन स्थिति के साथ घटक को फिर से प्रस्तुत करेगा।