इवेंट्स को हैंडल करना
React कोर्स का हिस्सा
जो कंपोनेंट सिर्फ़ प्रॉप्स और स्टेट के आधार पर रेंडर होता रहता है, वह अपने आप में इंटरैक्टिव नहीं होता, किसी को यह भाँपना पड़ता है कि उपयोगकर्ता ने बटन क्लिक किया, फ़ील्ड में टाइप किया या कोई कुंजी दबाई, और उसे स्टेट के अपडेट में बदलना पड़ता है। पिछले पाठ में आपने एक onClick जोड़ भी दिया था, बिना रुककर उसे समझाए। यह पाठ रफ़्तार धीमी करके React के इवेंट सिस्टम को ठीक से देखता है, क्योंकि उसके साथ एक जाल आता है जिसमें...
React आपको इवेंट हैंडलर सीधे JSX एलिमेंट पर जोड़ने देता है, ऐसे प्रॉप्स के ज़रिए जिनके नाम उस DOM इवेंट पर रखे गए हैं जिसका वे जवाब देते हैं, और जो कैमलकेस में लिखे जाते हैं: क्लिक के लिए onClick, इनपुट में बदलाव के लिए onChange, वगैरह। उस प्रॉप का मान एक फ़ंक्शन होता है, जिसे आप अलग से परिभाषित करते हैं या वहीं इनलाइन लिख देते हैं।
असली माहौल में React इवेंट्स को हैंडल करना सीखना चाहते हैं?
नीचे क्लिक करें, React के साथ तैयार एक Linux मशीन पाएँ, और AI ट्यूटर के साथ इवेंट्स को हैंडल करना पर हाथ-से-काम करें जो आपका कोड जानता है।
यह पाठ शुरू करेंइवेंट्स को हैंडल करनाआप क्या सीखेंगे
- OnClick handler
- OnChange basics
- Passing functions vs calling them
- Event object
- Passing handlers as props
यह पाठ अपनी भाषा में पढ़ें
इस कोर्स के सभी पाठ
17 पाठ- 1React क्या है?25 मिनट
- 2JSX और Components30 मिनट
- 3Props30 मिनट
- 4useState के साथ State35 मिनट
- 5इवेंट्स को हैंडल करना30 मिनट
- 6सशर्त रेंडरिंग और सूचियाँ30 मिनट
- 7फॉर्म और नियंत्रित इनपुट35 मिनट
- 8useEffect के साथ साइड इफ़ेक्ट40 मिनट
- 9डेटा प्राप्त करना40 मिनट
- 10Component कंपोजिशन35 मिनट
- 11Context और useContext35 मिनट
- 12useReducer35 मिनट
- 13Custom Hooks35 मिनट
- 14Performance और Memoization35 मिनट
- 15React Router के साथ रूटिंग40 मिनट
- 16React Components का परीक्षण40 मिनट
- 17कैपस्टोन: टू-डू ऐप60 मिनट
