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
Copy file name to clipboardExpand all lines: content/tutorial/tutorial.md
+13-13Lines changed: 13 additions & 13 deletions
Original file line number
Diff line number
Diff line change
@@ -1154,9 +1154,9 @@ class Game extends React.Component {
1154
1154
1155
1155
हम Game के `handleClick` मेथड में कुछ बदलाव करेंगें जो स्क्वायर पर क्लिक करने से execute होता है।
1156
1156
1157
-
हमारे द्वारा जोड़ा गया `stepNumber` state अब उपयोगकर्ता को प्रदर्शित की गई चाल को दर्शाता है। एक नई चाल चलने के बाद, हमें `step.Number: history.length` को `this.setState`तर्क के भाग के रूप में जोड़कर `stepNumber` को अपडेट करने की आवश्यकता है। यह सुनिश्चित करता है कि हम एक नए कदम के बाद फिर से वही चाल दिखाने में फंस न जाएं।
1157
+
हमारे द्वारा जोड़ा गया `stepNumber` state अब उपयोगकर्ता को प्रदर्शित की गई चाल को दर्शाता है। एक नई चाल चलने के बाद, हमें `stepNumber: history.length` को `this.setState` के आर्गुमेंट में ऐड करके `stepNumber` को अपडेट करना है। यह सुनिश्चित करता है कि हम एक नए कदम के बाद फिर से वही चाल दिखाने में फंस न जाएं।
1158
1158
1159
-
हम पढ़ने की जगह भी `this.state.history` को `this.state.history.slice(0, this.state.स्टेप्नुम्बर + 1)` से बदलेंगे। इससे ये पक्का हो जाएगा की अगर हम "गेम में पीछे" जाके एक नयी चाल चलते हैं तो "बाद" की चली हुई सारी चालें हिस्ट्री से हट जाएगी जोकि अब गलत हो गयी है।
1159
+
हम हिस्ट्री `this.state.history`से रीड करने को `this.state.history.slice(0, this.state.stepNumber + 1)` से रीड करने में बदल देंगे। इससे ये पक्का हो जाएगा की अगर हम "गेम में पीछे" जाके एक नयी चाल चलते हैं तो "बाद" की चली हुई सारी चालें हिस्ट्री से हट जाएगी जोकि अब गलत हो गयी है।
1160
1160
1161
1161
```javascript{2,13}
1162
1162
handleClick(i) {
@@ -1185,7 +1185,7 @@ class Game extends React.Component {
1185
1185
const current = history[this.state.stepNumber];
1186
1186
const winner = calculateWinner(current.squares);
1187
1187
1188
-
// और इसके आगे कोई चाल बाकि नहीं है
1188
+
// इसके इलावा और कुछ नहीं बदला है
1189
1189
```
1190
1190
1191
1191
यदि हम गेम के history के किसी भी चरण पर क्लिक करते हैं, तो टिक-टैक-टो Board को तुरंत यह दिखाने के लिए अपडेट करना चाहिए कि Board उस चरण के बाद कैसा दिखता था।
@@ -1196,22 +1196,22 @@ class Game extends React.Component {
1196
1196
1197
1197
बधाई हो! आपने एक टिक-टैक-टो गेम बनाया है जो:
1198
1198
1199
-
*अब टिक-टैक-टो खेलते हैं,
1200
-
* संकेत करता है कि जब किसी खिलाड़ी ने गेम जीता है,
1201
-
*एक खेल के रूप में एक खेल के इतिहास को स्टोर करता है,
1202
-
*खिलाड़ियों को गेम के इतिहास की समीक्षा करने और गेम के बोर्ड के पिछले संस्करणों को देखने की अनुमति देता है।
1199
+
*जो आपको टिक-टैक-टो खेलने देता है
1200
+
* संकेत करता है जब कोई खिलाड़ी गेम जीतता है,
1201
+
* खेल के प्रोग्रेस को गेम की हिस्ट्री में रखता है,
1202
+
*प्लेयर्स को गेम के हिस्ट्री को रिव्यु करने और गेम के बोर्ड के पिछले वर्शनस को देखने की अनुमति देता है।
1203
1203
1204
-
अच्छा काम! हमें उम्मीद है कि अब आप महसूस करेंगे कि आपके पास React कैसे काम करता है, इस पर एक सभ्य समझ है।
1204
+
बहुत अच्छे! हमें उम्मीद है कि अब आप महसूस करेंगे कि आपके पास React कैसे काम करता है, इस पर एक सभ्य समझ है।
1205
1205
1206
1206
अंतिम परिणाम यहां देखें: **[अंतिम परिणाम](https://codepen.io/gaearon/pen/gWWZgR?editors=0010)**.
1207
1207
1208
-
यदि आपके पास अतिरिक्त समय है या आप अपने नए React कौशल का अभ्यास करना चाहते हैं, तो यहां सुधार के लिए कुछ विचार दिए गए हैं जो आप टिक-टैक-टो खेल में कर सकते हैं जो कि बढ़ती कठिनाई के क्रम में सूचीबद्ध हैं:
1208
+
यदि आपके पास अतिरिक्त समय है या आप अपने नए React कौशल का अभ्यास करना चाहते हैं, तो यहां सुधार के लिए कुछ विचार दिए गए हैं जो आप टिक-टैक-टो खेल में कर सकते हैं जो कि बढ़ती कठिनाई के क्रम में हैं:
1209
1209
1210
1210
1. चाल इतिहास सूची में प्रारूप (col, row) में प्रत्येक चाल के लिए स्थान प्रदर्शित करें।
1211
-
2. चाल सूची में वर्तमान में चयनित आइटम को बोल्ड करें।
1212
-
3. स्क्वायरस को हार्डकोड करने के बजाय दो छोरों का उपयोग करने के लिए रीराइट बोर्ड का उपयोग करें।
1211
+
2. चाल सूची में वर्तमान में चयनित आइटम को बोल्ड करना।
1212
+
3. स्क्वायरस को हार्डकोड करने के बजाय दो लूप्स का उपयोग करने के लिए रीराइट बोर्ड का उपयोग करना।
1213
1213
4. एक टॉगल बटन जोड़ें जो आपको आरोही या अवरोही क्रम में चालों को क्रमबद्ध करने देता है।
1214
-
5. जब कोई जीतता है, तो जीत का कारण बनने वाले तीन Square को उजागर करें।
1215
-
6. जब कोई नहीं जीतता है, तो परिणाम ड्रा होने के बारे में एक संदेश प्रदर्शित करें।
1214
+
5. जब कोई जीतता है, तो जीत का कारण बनने वाले तीन Square को उजागर करना।
1215
+
6. जब कोई नहीं जीतता है, तो परिणाम ड्रा होने के बारे में एक संदेश प्रदर्शित करना।
1216
1216
1217
1217
इस ट्यूटोरियल के दौरान, हमने एलिमेंट्स, कौम्पोनॅन्ट, props और state सहित React कॉन्सेप्ट्स पर स्पर्श किया। इनमें से प्रत्येक विषय के अधिक विस्तृत विवरण के लिए, [बाकी दस्तावेज़](/docs/hello-world.html) देखें। घटकों को परिभाषित करने के बारे में अधिक जानने के लिए, [`React.Component` API](/docs/hello-world.html) देखें।
0 commit comments