You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
* री-रेंडर करने पर वेरिएबल और इवेंट हैंडलर "बचते" नहीं हैं। प्रत्येक रेंडर में अपने खुद के इवेंट हैंडलर होते हैं।
319
319
* प्रत्येक रेंडर (और उसमें स्थित फ़ंक्शन) हमेशा उस स्नैपशॉट को "देखेंगे" जिसे React ने *उस* रेंडर को दिया है।
320
320
* आप इवेंट हैंडलर में state को मेंटली सब्सीट्यूट कर सकते हैं, ठीक वैसे ही जैसे आप रेंडर किए गए JSX के बारे में सोचते हैं।
321
-
* पहले के समय में बनाए गए इवेंट हैंडलर में state वैल्यूस उस रेंडर के होते हैं जिसमें वे बनाए गए थे।
321
+
* पहले के बनाए गए इवेंट हैंडलर में state वैल्यूस उस रेंडर के होते हैं जिसमें वे बनाए गए थे।
322
322
323
323
</Recap>
324
324
325
325
326
326
327
327
<Challenges>
328
328
329
-
#### ट्रैफिक लाइट को इम्प्लीमेंट करें {/*implement-a-traffic-light*/}
329
+
#### एक ट्रैफिक लाइट इम्प्लीमेंट करें {/*implement-a-traffic-light*/}
330
330
331
331
यहां एक क्रॉसवॉक लाइट कौम्पोनॅन्ट है जो बटन दबाने पर टॉगल होता है:
332
332
@@ -363,9 +363,9 @@ h1 { margin-top: 20px; }
363
363
364
364
</Sandpack>
365
365
366
-
इस क्लिक हैंडलर में एक alert जोड़ें। जब लाइट हरी हो और "Walk" कहती हो, तो बटन को क्लिक करने पर "Stop is next" दिखाएँ। जब लाइट लाल हो और "Stop" कहती हो, तो बटन को क्लिक करने पर "Walk is next" दिखाएँ।
366
+
इस क्लिक हैंडलर में एक alert ऐड करें। जब लाइट हरी हो और "Walk" दिखाए, तो बटन को क्लिक करने पर "Stop is next" दिखना चाहिए। जब लाइट लाल हो और "Stop" दिखाए, तो बटन को क्लिक करने पर "Walk is next" दिखना चाहिए।
367
367
368
-
क्या यह अंतर करता है कि आप `setWalk` कॉल के पहले या उसके बाद`alert` डालते हैं?
368
+
क्या यह अंतर करता है कि आप `alert` को `setWalk` कॉल के पहले या उसके बाद डालते हैं?
369
369
370
370
<Solution>
371
371
@@ -405,15 +405,15 @@ h1 { margin-top: 20px; }
405
405
406
406
</Sandpack>
407
407
408
-
चाहे आप इसे `setWalk` कॉल के पहले डालें या उसके बाद, इसका कोई फर्क नहीं पड़ता। उस रेंडर की`walk` की वैल्यू फिक्स्ड हो जाती है। `setWalk` को कॉल करने से केवल अगले रेंडर के लिए उसे बदलेगा, लेकिन पिछले रेंडर के इवेंट हैंडलर को अफेक्ट नहीं करेगा।
408
+
चाहे आप इसे `setWalk` कॉल के पहले डालें या उसके बाद, इसका कोई फर्क नहीं पड़ता। उस रेंडर में`walk` की वैल्यू फिक्स्ड हो जाती है। `setWalk` को कॉल करने से केवल अगले रेंडर के लिए उसे बदलेगा, लेकिन पिछले रेंडर के इवेंट हैंडलर को अफेक्ट नहीं करेगा।
409
409
410
410
यह पंक्ति पहले तो विरोधाभासी लग सकती है:
411
411
412
412
```js
413
413
alert(walk ?'Stop is next':'Walk is next');
414
414
```
415
415
416
-
यदि यातायात चेतावनी लाइट में 'Walk now' दिखा रहता है, तो संदेश 'Stop is next' होना चाहिए। आप `walk` वेरिएबल को इवेंट हैंडलर के भीतर की `walk` वैल्यू के साथ मिलाकर सब्सीट्यूट कर सकते हैं और इसे सही वैल्यू दे सकते हैं।
416
+
लेकिन अगर आप इसे इस तरह पढ़ें तो यह समझ में आता है: "यदि ट्रैफिक लाइट में 'Walk now' दीखता है, तो संदेश 'Stop is next' होना चाहिए।" आप `walk` वेरिएबल को इवेंट हैंडलर के भीतर की `walk` वैल्यू के साथ मिलाकर सब्सीट्यूट कर सकते हैं और इसे सही वैल्यू दे सकते हैं।
417
417
418
418
आप इसे सब्सीट्यूट करने के लिए साधारण तरीके से देख सकते हैं। जब `walk` की वैल्यू `true` होती है, तब आपको निम्न नतीजा मिलता है:
419
419
@@ -429,7 +429,7 @@ alert(walk ? 'Stop is next' : 'Walk is next');
429
429
</h1>
430
430
```
431
431
432
-
"Change to Stop" पर क्लिक करने से "walk" को "false" पर सेट करके एक रेंडर क्यू किया जाता है और "Stop is next" का अलर्ट दिया जाता है।
432
+
"Change to Stop" पर क्लिक करने से `walk` को `false` पर सेट करके एक रेंडर क्यू किया जाता है और "Stop is next" का अलर्ट दिया जाता है।
0 commit comments