hooks के नियम क्या हैं, और वे मौजूद क्यों हैं?

hooks सिर्फ किसी component या किसी दूसरे hook के सबसे ऊपरी स्तर पर बुलाइए, कभी किसी condition, loop या अंदर के callback में नहीं, और सिर्फ React वाले functions से। वजह यह है कि React hook की state को fiber पर एक क्रम वाली सूची के तौर पर रखता है और हर call को नाम से नहीं, बुलाने के क्रम से एक खाने से जोड़ता है। renders के बीच क्रम बदलिए और उस बिंदु के बाद का हर hook गलत खाना पढ़ेगा।

दो नियम: hooks सबसे ऊपरी स्तर पर जाते हैं, और वे सिर्फ किसी component या किसी दूसरे hook से बुलाए जाते हैं। वजह implementation में है। React आपके hooks के नाम नहीं जानता, वह fiber पर एक सूची रखता है और आपके function के चलते हुए उसमें एक cursor आगे बढ़ाता है, तो पहले useState call को खाना एक मिलता है, दूसरे को खाना दो, और इसी तरह। अगर आप किसी hook को if में लपेट दें, तो कुछ renders पर cursor एक जगह खिसक जाता है, और उसके बाद का हर hook पिछले hook की state पढ़ता है। तब आपको ऐसी अजीब गड़बड़ियां मिलती हैं जहां कोई boolean function बन जाता है। जब मुझे सच में कुछ कभी कभी चाहिए होता है, तो मैं hook हमेशा बुलाता हूं और hook को ही कुछ न करने देता हूं, जैसे किसी query hook को enabled झंडी देकर, या शाखा को एक स्तर ऊपर धकेलकर ताकि दोनों रास्ते अलग components बन जाएं। मैं eslint के नियम चालू रखता हूं और किसी भी छूट को ऐसी चीज मानता हूं जिसके साथ यह समझाती comment चाहिए कि ठीक ठीक क्यों।