useState के साथ State

React कोर्स का हिस्सा

आपके द्वारा अब तक लिखे गए हर कंपोनेंट समान props के लिए समान output render करते हैं, हर बार। यह एक heading या एक card के लिए ठीक है, लेकिन यह उसी पल विफल हो जाता है जब आपको कुछ ऐसा चाहिए जो एक user पेज को देखते हुए बदल सके: एक counter जो click पर up हो, एक toggle जो on और off हो, एक पाठ field जो दिखाए कि आपने क्या type किया। एक सादा JavaScript वेरिएबल काम नहीं करेगा। यदि आपने let count = 0; एक कंपोनेंट के अंदर लिखा...

हर एक कंपोनेंट के render को एक single photograph के रूप में सोचें, एक instant के समय, कि कंपोनेंट कैसा दिखता है जो इसके props और स्टेट को दिए गए हैं उस moment पर। जब आप एक कंपोनेंट के फ़ंक्शन को कॉल करते हैं, JavaScript top से bottom तक बिल्कुल एक बार चलता है और एक snapshot produce करता है: जो JSX यह return करता है। हर regular वेरिएबल जो उस फ़ंक्शन के अंदर declare किया गया है उस एक snapshot के लिए fresh invented है...