Skip to content

Commit

Permalink
Merge pull request #308 from tushgaurav/bug-fix
Browse files Browse the repository at this point in the history
fix: undefined ref handling
  • Loading branch information
arshadkazmi42 authored Nov 3, 2024
2 parents 0788b4b + 31da7d0 commit b5cf77c
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions src/content/learn/choosing-the-state-structure.md
Original file line number Diff line number Diff line change
Expand Up @@ -1462,7 +1462,7 @@ button { margin: 10px; }
<DeepDive>
#### Improving memory usage {/*improving-memory-usage*/}
#### मेमोरी यूसेज को अच्छा करना {/*improving-memory-usage*/}
आदर्श रूप से, आप मेमोरी उपयोग को बेहतर बनाने के लिए हटाए गए आइटम (और उनके चिल्ड्रन!) को "table" ऑब्जेक्ट से हटा देंगे। यह वर्जन ऐसा करता है। यह [Immer का भी उपयोग करता है](/learn/updating-objects-in-state#write-concise-update-logic-with-immer) अपडेट लॉजिक को अधिक संक्षिप्त बनाने के लिए।
Expand Down Expand Up @@ -1833,7 +1833,7 @@ button { margin: 10px; }
<Challenges>
### अपडेट न होने वाले कौम्पोनॅन्ट को ठीक करें {/*fix-a-component-thats-not-updating*/}
#### अपडेट न होने वाले कौम्पोनॅन्ट को ठीक करें {/*fix-a-component-thats-not-updating*/}
इस `Clock` कौम्पोनॅन्ट को दो prop मिलते हैं: `color` और `time`। जब आप सिलेक्ट बॉक्स में एक अलग रंग चुनते हैं, `Clock` कौम्पोनॅन्ट अपने पैरेंट कौम्पोनॅन्ट से एक अलग `color` prop प्राप्त करता है। हालाँकि, किसी कारण से, प्रदर्शित color अपडेट नहीं होता है। क्यों? समस्या हल करें।
<Sandpack>
Expand Down Expand Up @@ -1995,7 +1995,7 @@ export default function App() {
</Solution>
### टूटी हुई पैकिंग लिस्ट को ठीक करें {/*fix-a-broken-packing-list*/}
#### टूटी हुई पैकिंग लिस्ट को ठीक करें {/*fix-a-broken-packing-list*/}
इस पैकिंग लिस्ट में एक फुटर है जो दिखता है कि कितने आइटम पैक किए गए हैं और कुल मिलाकर कितने आइटम हैं। यह पहली बार में काम करने लगता है, लेकिन यह बग्गी है। उदाहरण के लिए, यदि आप किसी आइटम को पैक करते हैं और फिर उसे हटा देते हैं, तो काउंटर ठीक से अपडेट नहीं होता है। काउंटर को ठीक करें ताकि यह हमेशा सही रहे।
Expand Down Expand Up @@ -2279,7 +2279,7 @@ ul, li { margin: 0; padding: 0; }
</Solution>
### गायब होने वाले सेलेक्शन को ठीक करें {/*fix-the-disappearing-selection*/}
#### गायब होने वाले सेलेक्शन को ठीक करें {/*fix-the-disappearing-selection*/}
State में `letters` की एक लिस्ट है। जब आप किसी विशेष अक्षर पर होवर या फ़ोकस करते हैं, तो वह हाइलाइट हो जाता है। अभी हाइलाइट किया गया अक्षर `highlightedLetter` state वेरिएबल में संग्रहित है। आप अलग-अलग अक्षरों को "Star" और "Unstar" कर सकते हैं, जो state में `letters` array को अपडेट करता है।
Expand Down Expand Up @@ -2499,7 +2499,7 @@ li { border-radius: 5px; }
</Solution>
### मल्टीप्ल सेलेक्शन इम्प्लीमेंट करें {/*implement-multiple-selection*/}
#### मल्टीप्ल सेलेक्शन इम्प्लीमेंट करें {/*implement-multiple-selection*/}
इस उदाहरण में, प्रत्येक `Letter` में एक `isSelected` prop और एक `onToggle` handler है जो इसे सेलेक्ट करता है। यह काम करता है, लेकिन state को `selectedId` के रूप में स्टोर किया जाता है (या तो `null` या एक ID), इसलिए किसी भी समय केवल एक ही अक्षर सिलेक्ट किया जा सकता है।
Expand Down

0 comments on commit b5cf77c

Please sign in to comment.