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
अब मान लें कि आप किसी ऐसे स्थान को हटाने के लिए एक बटन ऐड करना चाहते हैं, जहां आप पहले जा चुके हैं। आप इसे कैसे करेंगे? [नेस्टेड state को अपडेट करने](/learn/updating-objects-and-arrays-in-state#updating-nested-objects-and-arrays) में बदले गए हिस्से से ऊपर तक ऑब्जेक्ट की कॉपी बनाना शामिल है। किसी गहरे नेस्टेड स्थान को हटाने से उसकी संपूर्ण पैरेंट प्लेस चैन की कॉपी बनाना शामिल होगा। ऐसा कोड बहुत वर्बोज़ हो सकता है।
815
+
अब मान लें कि आप किसी ऐसे स्थान को हटाने के लिए एक बटन ऐड करना चाहते हैं, जहां आप पहले जा चुके हैं। आप इसे कैसे करेंगे? [नेस्टेड state को अपडेट करने](/learn/updating-objects-in-state#updating-a-nested-object) में बदले गए हिस्से से ऊपर तक ऑब्जेक्ट की कॉपी बनाना शामिल है। किसी गहरे नेस्टेड स्थान को हटाने से उसकी संपूर्ण पैरेंट प्लेस चैन की कॉपी बनाना शामिल होगा। ऐसा कोड बहुत वर्बोज़ हो सकता है।
816
816
817
817
**यदि state आसानी से अपडेट करने के लिए ज़्यादा नेस्टेड है, तो इसे "फ्लैट" बनाने पर विचार करें।** यहाँ एक तरीका है जिससे आप इस डेटा को रीस्ट्रक्चर कर सकते हैं। एक ट्री जैसे स्ट्रक्चर के बजाय जहां प्रत्येक `place` में *child places* की एक array होता है, आपके पास प्रत्येक स्थान में *child place IDs* की एक array को रख सकते हैं। फिर आप प्रत्येक place ID से संबंधित स्थान पर मैपिंग स्टोर कर सकते हैं।
Copy file name to clipboardExpand all lines: src/content/learn/extracting-state-logic-into-a-reducer.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -897,7 +897,7 @@ li {
897
897
898
898
## इमर के साथ संक्षिप्त रिड्यूसर लिखना {/*writing-concise-reducers-with-immer*/}
899
899
900
-
ठीक वैसे ही जैसे [ऑब्जेक्ट्स को अपडेट करना](/सीखना/अपडेट करना-ऑब्जेक्ट्स-इन-स्टेट#लिखना-संक्षिप्त-अपडेट-लॉजिक-विथ-इमर) और [array]( /सीखना/अपडेट करना-सरणी-इन-स्टेट#लिखना-संक्षिप्त) -update-logic-with-immer) नियमित स्थिति में, आप रिड्यूसर को अधिक संक्षिप्त बनाने के लिए Immer लाइब्रेरी का उपयोग कर सकते हैं। यहां, [`useImmerReducer`](https://github.com/immerjs/use-immer#useimmerreducer) आपको `push` या `arr[i] =` असाइनमेंट के साथ स्थिति को बदलने की सुविधा देता है:
900
+
ठीक वैसे ही जैसे [ऑब्जेक्ट्स को अपडेट करना](/learn/updating-objects-in-state#write-concise-update-logic-with-immer) और [arrays](/learn/updating-arrays-in-state#write-concise-update-logic-with-immer) नियमित स्थिति में, आप रिड्यूसर को अधिक संक्षिप्त बनाने के लिए Immer लाइब्रेरी का उपयोग कर सकते हैं। यहां, [`useImmerReducer`](https://github.com/immerjs/use-immer#useimmerreducer) आपको `push` या `arr[i] =` असाइनमेंट के साथ स्थिति को बदलने की सुविधा देता है:
Copy file name to clipboardExpand all lines: src/content/learn/render-and-commit.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -67,7 +67,7 @@ export default function Image() {
67
67
68
68
### state अपडेट होने पर री-रेंडर {/*re-renders-when-state-updates*/}
69
69
70
-
एक बार कौम्पोनॅन्ट शुरू में रेंडर किया गया है, तो आप [`set` function](/apis/usestate#setstate) के साथ इसकी state को अपडेट करके आगे के रेंडरर्स को ट्रिगर कर सकते हैं। अपने कौम्पोनॅन्ट की स्टेट को अपडेट करने पर ऑटोमेटिकली एक रेंडर कियु हो जाता है।। (आप उनकी प्यास या भूख की स्थिति के आधार पर, उनके पहले ऑर्डर में डालने के बाद चाय, मिठाई और सभी प्रकार की चीजों को ऑर्डर करने वाले एक रेस्टोरेंट अतिथि के रूप में कल्पना कर सकते हैं।)
70
+
एक बार कौम्पोनॅन्ट शुरू में रेंडर किया गया है, तो आप [`set` function](/reference/react/useState#setstate) के साथ इसकी state को अपडेट करके आगे के रेंडरर्स को ट्रिगर कर सकते हैं। अपने कौम्पोनॅन्ट की स्टेट को अपडेट करने पर ऑटोमेटिकली एक रेंडर कियु हो जाता है।। (आप उनकी प्यास या भूख की स्थिति के आधार पर, उनके पहले ऑर्डर में डालने के बाद चाय, मिठाई और सभी प्रकार की चीजों को ऑर्डर करने वाले एक रेस्टोरेंट अतिथि के रूप में कल्पना कर सकते हैं।)
71
71
72
72
<IllustrationBlocksequential>
73
73
<Illustrationcaption="State update..."alt="React as a server in a restaurant, serving a Card UI to the user, represented as a patron with a cursor for their head. The patron expresses they want a pink card, not a black one!"src="/images/docs/illustrations/i_rerender1.png" />
यदि अपडेट कौम्पोनॅन्ट ट्री में बहुत ऊंचाई पर है तो अपडेट कौम्पोनॅन्ट के अंदर नेस्टेड सभी कौम्पोनॅन्टस को रेंडर करने का डिफ़ॉल्ट व्यवहार परफॉरमेंस के लिए ऑप्टिमम नहीं है। यदि आप किसी परफॉरमेंस समस्या का सामना करते हैं, तो इसे हल करने के लिए [परफॉरमेंस](/learn/performance) अनुभाग में वर्णित कई ऑप्ट-इन तरीके हैं। **समय से पहले ऑप्टिमाइज़ न करें!**
145
+
यदि अपडेट कौम्पोनॅन्ट ट्री में बहुत ऊंचाई पर है तो अपडेट कौम्पोनॅन्ट के अंदर नेस्टेड सभी कौम्पोनॅन्टस को रेंडर करने का डिफ़ॉल्ट व्यवहार परफॉरमेंस के लिए ऑप्टिमम नहीं है। यदि आप किसी परफॉरमेंस समस्या का सामना करते हैं, तो इसे हल करने के लिए [परफॉरमेंस](https://reactjs.org/docs/optimizing-performance.html) अनुभाग में वर्णित कई ऑप्ट-इन तरीके हैं। **समय से पहले ऑप्टिमाइज़ न करें!**
`index` एक state वैरिएबल है और `setIndex` एक सेटर फ़ंक्शन है।
190
190
191
-
> यहाँ पर `[` और `]` सिंटेक्स को [ऐरे डेस्ट्रक्टरिंग](/learn/a-javascript-refresher#array-destructuring) कहा जाता हे और यह आपको array की वैल्यू पढ़ने देता है। `useState` द्वारा रिटर्न किये गए array हमेशा दो आइटम्स होते है।
191
+
> यहाँ पर `[` और `]` सिंटेक्स को [ऐरे डेस्ट्रक्टरिंग](https://javascript.info/destructuring-assignment) कहा जाता हे और यह आपको array की वैल्यू पढ़ने देता है। `useState` द्वारा रिटर्न किये गए array हमेशा दो आइटम्स होते है।
192
192
193
193
इस तरह वे `handleClick()` में एक साथ काम करते हैं :
194
194
@@ -347,7 +347,7 @@ State उन फीचर्स में से एक है, लेकिन
347
347
348
348
### `useState` का विश्लेषण {/*anatomy-of-usestate*/}
349
349
350
-
जब आप [`useState`](/apis/usestate) को कॉल करते हैं, आप React को बता रहे हैं कि आप चाहते हैं कि यह कौम्पोनॅन्ट कुछ याद रखे:
350
+
जब आप [`useState`](/reference/react/useState) को कॉल करते हैं, आप React को बता रहे हैं कि आप चाहते हैं कि यह कौम्पोनॅन्ट कुछ याद रखे:
351
351
352
352
```js
353
353
const [index, setIndex] = useState(0);
@@ -1446,7 +1446,7 @@ export default function FeedbackForm() {
1446
1446
1447
1447
जब बटन पर क्लिक किया जाता है, तो यह उदाहरण उपयोगकर्ता का नाम पूछेगा और फिर एक अलर्ट दिखाएगा जो उनका अभिवादन करेगा। आपने नाम को रखने के लिए राज्य (state) का उपयोग करने की कोशिश की, लेकिन किसी कारण से पहली बार यह “Hello, !” दिखाता है, और फिर हर बार पिछले इनपुट के साथ “Hello, [name]!” दिखाता हैं।
1448
1448
1449
-
इस कोड को ठीक करने के लिए, अनावश्यक state वेरिएबल को हटा दें। (हम इस बारे में [यह काम क्यों नहीं करता](/learn/troubleshooting-state-updates#setting-state-does-not-update-variables) बाद में चर्चा करेंगे।)
1449
+
इस कोड को ठीक करने के लिए, अनावश्यक state वेरिएबल को हटा दें। (हम इस बारे में [यह काम क्यों नहीं करता](/learn/state-as-a-snapshot) बाद में चर्चा करेंगे।)
1450
1450
1451
1451
क्या आप बता सकते हैं कि यह state वेरिएबल अनावश्यक क्यों था?
Copy file name to clipboardExpand all lines: src/content/learn/thinking-in-react.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -668,4 +668,4 @@ td {
668
668
669
669
## यहाँ से आगे कहाँ जाएं? {/*where-to-go-from-here*/}
670
670
671
-
यह एक React कंपोनेंट और एप्लिकेशन को कैसे बनाने के बारे में एक बहुत संक्षेप्त परिचय था। आप एक [React प्रोजेक्ट शुरू कर सकते](/learn/installation) हैं अभी या इस ट्यूटोरियल में उपयोग किए गए [सभी सिंटैक्स](/learn/describing-the-u) पर अधिक गहराई से जानकारी प्राप्त करें।
671
+
यह एक React कंपोनेंट और एप्लिकेशन को कैसे बनाने के बारे में एक बहुत संक्षेप्त परिचय था। आप एक [React प्रोजेक्ट शुरू कर सकते](/learn/installation) हैं अभी या इस ट्यूटोरियल में उपयोग किए गए [सभी सिंटैक्स](/learn/describing-the-ui) पर अधिक गहराई से जानकारी प्राप्त करें।
0 commit comments