Skip to content

Commit

Permalink
Update state-as-a-snapshot.md
Browse files Browse the repository at this point in the history
review changes till line no 432
  • Loading branch information
PriyankaBelhekar77 committed May 12, 2024
1 parent 62e6a64 commit 628a87d
Showing 1 changed file with 7 additions and 7 deletions.
14 changes: 7 additions & 7 deletions src/content/learn/state-as-a-snapshot.md
Original file line number Diff line number Diff line change
Expand Up @@ -318,15 +318,15 @@ label, textarea { margin-bottom: 10px; display: block; }
* री-रेंडर करने पर वेरिएबल और इवेंट हैंडलर "बचते" नहीं हैं। प्रत्येक रेंडर में अपने खुद के इवेंट हैंडलर होते हैं।
* प्रत्येक रेंडर (और उसमें स्थित फ़ंक्शन) हमेशा उस स्नैपशॉट को "देखेंगे" जिसे React ने *उस* रेंडर को दिया है।
* आप इवेंट हैंडलर में state को मेंटली सब्सीट्यूट कर सकते हैं, ठीक वैसे ही जैसे आप रेंडर किए गए JSX के बारे में सोचते हैं।
* पहले के समय में बनाए गए इवेंट हैंडलर में state वैल्यूस उस रेंडर के होते हैं जिसमें वे बनाए गए थे।
* पहले के बनाए गए इवेंट हैंडलर में state वैल्यूस उस रेंडर के होते हैं जिसमें वे बनाए गए थे।

</Recap>



<Challenges>

#### ट्रैफिक लाइट को इम्प्लीमेंट करें {/*implement-a-traffic-light*/}
#### एक ट्रैफिक लाइट इम्प्लीमेंट करें {/*implement-a-traffic-light*/}

यहां एक क्रॉसवॉक लाइट कौम्पोनॅन्ट है जो बटन दबाने पर टॉगल होता है:

Expand Down Expand Up @@ -363,9 +363,9 @@ h1 { margin-top: 20px; }

</Sandpack>

इस क्लिक हैंडलर में एक alert जोड़ें। जब लाइट हरी हो और "Walk" कहती हो, तो बटन को क्लिक करने पर "Stop is next" दिखाएँ। जब लाइट लाल हो और "Stop" कहती हो, तो बटन को क्लिक करने पर "Walk is next" दिखाएँ
इस क्लिक हैंडलर में एक alert ऐड करें। जब लाइट हरी हो और "Walk" दिखाए, तो बटन को क्लिक करने पर "Stop is next" दिखना चाहिए। जब लाइट लाल हो और "Stop" दिखाए, तो बटन को क्लिक करने पर "Walk is next" दिखना चाहिए

क्या यह अंतर करता है कि आप `setWalk` कॉल के पहले या उसके बाद `alert` डालते हैं?
क्या यह अंतर करता है कि आप `alert` को `setWalk` कॉल के पहले या उसके बाद डालते हैं?

<Solution>

Expand Down Expand Up @@ -405,15 +405,15 @@ h1 { margin-top: 20px; }

</Sandpack>

चाहे आप इसे `setWalk` कॉल के पहले डालें या उसके बाद, इसका कोई फर्क नहीं पड़ता। उस रेंडर की `walk` की वैल्यू फिक्स्ड हो जाती है। `setWalk` को कॉल करने से केवल अगले रेंडर के लिए उसे बदलेगा, लेकिन पिछले रेंडर के इवेंट हैंडलर को अफेक्ट नहीं करेगा।
चाहे आप इसे `setWalk` कॉल के पहले डालें या उसके बाद, इसका कोई फर्क नहीं पड़ता। उस रेंडर में `walk` की वैल्यू फिक्स्ड हो जाती है। `setWalk` को कॉल करने से केवल अगले रेंडर के लिए उसे बदलेगा, लेकिन पिछले रेंडर के इवेंट हैंडलर को अफेक्ट नहीं करेगा।

यह पंक्ति पहले तो विरोधाभासी लग सकती है:

```js
alert(walk ? 'Stop is next' : 'Walk is next');
```

यदि यातायात चेतावनी लाइट में 'Walk now' दिखा रहता है, तो संदेश 'Stop is next' होना चाहिए। आप `walk` वेरिएबल को इवेंट हैंडलर के भीतर की `walk` वैल्यू के साथ मिलाकर सब्सीट्यूट कर सकते हैं और इसे सही वैल्यू दे सकते हैं।
लेकिन अगर आप इसे इस तरह पढ़ें तो यह समझ में आता है: "यदि ट्रैफिक लाइट में 'Walk now' दीखता है, तो संदेश 'Stop is next' होना चाहिए।" आप `walk` वेरिएबल को इवेंट हैंडलर के भीतर की `walk` वैल्यू के साथ मिलाकर सब्सीट्यूट कर सकते हैं और इसे सही वैल्यू दे सकते हैं।

आप इसे सब्सीट्यूट करने के लिए साधारण तरीके से देख सकते हैं। जब `walk` की वैल्यू `true` होती है, तब आपको निम्न नतीजा मिलता है:

Expand All @@ -429,7 +429,7 @@ alert(walk ? 'Stop is next' : 'Walk is next');
</h1>
```

"Change to Stop" पर क्लिक करने से "walk" को "false" पर सेट करके एक रेंडर क्यू किया जाता है और "Stop is next" का अलर्ट दिया जाता है।
"Change to Stop" पर क्लिक करने से `walk` को `false` पर सेट करके एक रेंडर क्यू किया जाता है और "Stop is next" का अलर्ट दिया जाता है।

</Solution>

Expand Down

0 comments on commit 628a87d

Please sign in to comment.