Skip to content

Commit e0eb2e3

Browse files
committed
done the required changes
1 parent e6df78f commit e0eb2e3

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

beta/src/pages/learn/conditional-rendering.md

+10-10
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: कंडीशनल रेंडरिंग
44

55
<Intro>
66

7-
आपके कौम्पोनॅन्ट को अक्सर अलग-अलग स्थितियों के आधार पर अलग-अलग चीजें डिस्प्ले करने की आवश्यकता होगी। React में, आप JSX को किसी कंडीशन के साथ JavaScript सिंटेक्स जैसे की `if` स्टेटमेंट्स, `&&`, एंड `?:` ऑपरेटर्स को इस्तेमाल करके रेंडर कर सकते है।
7+
आपके कौम्पोनॅन्ट को अक्सर अलग-अलग कंडीशंस के आधार पर अलग-अलग चीजें डिस्प्ले करने की आवश्यकता होगी। React में, आप JSX को किसी कंडीशन के साथ JavaScript सिंटेक्स जैसे की `if` स्टेटमेंट्स, `&&`, एंड `?:` ऑपरेटर्स को इस्तेमाल करके रेंडर कर सकते है।
88

99
</Intro>
1010

@@ -106,7 +106,7 @@ export default function PackingList() {
106106

107107
### `null` के साथ कंडीशन के आधार पर कुछ कुछ नहीं रिटर्न करना {/*conditionally-returning-nothing-with-null*/}
108108

109-
कुछ स्थितियों में, आप कुछ भी रेंडर नहीं करना चाहेंगे। उदाहरण के लिए, मान लें कि आप पैक्ड आइटम बिल्कुल नहीं दिखाना चाहते हैं। लेकिन एक कौम्पोनॅन्ट को तो कुछ न कुछ रिटर्न करना होग। इस केस में, आप `null` रिटर्न कर सकते हैं:
109+
कुछ कंडीशंस में, आप कुछ भी रेंडर नहीं करना चाहेंगे। उदाहरण के लिए, मान लें कि आप पैक्ड आइटम बिल्कुल नहीं दिखाना चाहते हैं। लेकिन एक कौम्पोनॅन्ट को तो कुछ न कुछ रिटर्न करना होग। इस केस में, आप `null` रिटर्न कर सकते हैं:
110110

111111
```js
112112
if (isPacked) {
@@ -255,7 +255,7 @@ export default function PackingList() {
255255

256256
</Sandpack>
257257

258-
यह तरीका साधारण परिस्थितियों के लिए अच्छी तरह से काम करती है, लेकिन इसे मॉडरेशन में उपयोग करें। यदि आपके कौम्पोनॅन्ट बहुत अधिक नेस्टेड कंडीशनल मार्कअप के साथ कीच-पिच हो जाते हैं, तो चीजों को साफ करने के लिए चाइल्ड कौम्पोनॅन्टस को निकालने पर विचार करें। React में, मार्कअप आपके कोड का एक हिस्सा है, इसलिए आप काम्प्लेक्स एक्सप्रेशंस को व्यवस्थित करने के लिए वेरिएबल और फ़ंक्शन जैसे टूल का उपयोग कर सकते हैं।
258+
यह तरीका साधारण परिकंडीशंस के लिए अच्छी तरह से काम करती है, लेकिन इसे मॉडरेशन में उपयोग करें। यदि आपके कौम्पोनॅन्ट बहुत अधिक नेस्टेड कंडीशनल मार्कअप के साथ कीच-पिच हो जाते हैं, तो चीजों को साफ करने के लिए चाइल्ड कौम्पोनॅन्टस को निकालने पर विचार करें। React में, मार्कअप आपके कोड का एक हिस्सा है, इसलिए आप काम्प्लेक्स एक्सप्रेशंस को व्यवस्थित करने के लिए वेरिएबल और फ़ंक्शन जैसे टूल का उपयोग कर सकते हैं।
259259

260260
### लॉजिकल AND ऑपरेटर (`&&`) {/*logical-and-operator-*/}
261261

@@ -454,7 +454,7 @@ export default function PackingList() {
454454
455455
### अधूरे आइटम के लिए `? :` के साथ एक आइकन दिखाएं {/*show-an-icon-for-incomplete-items-with--*/}
456456
457-
एक ❌ रेंडर करने के लिए कंडीशनल ऑपरेटर (`cond ? a : b`) का इस्तेमाल करें अगर `isPacked` `true` नहीं है
457+
अगर `isPacked` `true` नहीं है तो एक ❌ रेंडर करने के लिए कंडीशनल ऑपरेटर (`cond ? a : b`) का इस्तेमाल करें।
458458
459459
<Sandpack>
460460
@@ -532,15 +532,15 @@ export default function PackingList() {
532532
533533
</Solution>
534534
535-
### आइटम का इम्पोर्टेंस `&&` के साथ दिखाएं {/*show-the-item-importance-with-*/}
535+
### आइटम की अहमियत `&&` के साथ दिखाएं {/*show-the-item-importance-with-*/}
536536
537-
इस उदाहरण में, प्रत्येक `Item` को एक संख्यात्मक `importance` prop प्राप्त होता है। इटैलिक में "_(Importance: X)_" रेंडर करने के लिए `&&` ऑपरेटर का उपयोग करें, लेकिन केवल उन आइटम्स के लिए जिनमें गैर-शून्य कठिनाई है। आपकी आइटम सूची इस तरह दिखनी चाहिए:
537+
इस उदाहरण में, प्रत्येक `Item` को एक संख्यात्मक `importance` prop मिलता है। इटैलिक में "_(Importance: X)_" रेंडर करने के लिए `&&` ऑपरेटर का उपयोग करें, लेकिन केवल उन आइटम्स के लिए जिनमें गैर-शून्य कठिनाई है। आपकी आइटम सूची इस तरह दिखनी चाहिए:
538538
539539
* Space suit _(Importance: 9)_
540540
* Helmet with a golden leaf
541541
* Photo of Tam _(Importance: 6)_
542542
543-
दो लेबलों के बीच एक स्पेस जोड़ना न भूलें!
543+
दो लेबल्स के बीच एक स्पेस जोड़ना न भूलें!
544544
545545
<Sandpack>
546546
@@ -624,7 +624,7 @@ export default function PackingList() {
624624
625625
ध्यान दें कि आपको `importance && ...` के बजाय `importance > 0 && ...` लिखना होगा ताकि अगर `importance` `0` हो, तो `0` परिणाम के रूप में रेंडर नहीं हो!
626626
627-
इस समाधान में, नाम और इम्पोर्टेंस लेबल के बीच एक स्पेस डालने के लिए दो अलग-अलग कंडीशंस का उपयोग किया गया है। वैकल्पिक रूप से, आप एक प्रमुख स्पेस के साथ एक फ्रेगमेंट का उपयोग कर सकते हैं: `importance > 0 && <> <i>...</i></>` या `<i>` के अंदर तुरंत एक स्पेस जोड़ें: `importance > 0 && <i> ...</i>`।
627+
इस समाधान में, नाम और importance लेबल के बीच एक स्पेस डालने के लिए दो अलग-अलग कंडीशंस का उपयोग किया गया है। इसके अलावा, आप एक प्रमुख स्पेस के साथ एक फ्रेगमेंट का उपयोग भी कर सकते हैं: `importance > 0 && <> <i>...</i></>` या `<i>` के अंदर शुरुआत में ही एक स्पेस जोड़ें: `importance > 0 && <i> ...</i>`।
628628
629629
</Solution>
630630
@@ -710,9 +710,9 @@ export default function DrinkList() {
710710
711711
</Sandpack>
712712
713-
यहां प्रत्येक ड्रिंक के बारे में जानकारी को कई स्थितियों में फैलाने के बजाय एक साथ समूहीकृत किया जाता है। इससे भविष्य में और ड्रिंक जोड़ना आसान हो जाता है।
713+
यहां प्रत्येक ड्रिंक के बारे में जानकारी को कई कंडीशंस में फैलाने के बजाय एक साथ ग्रुप किया जाता है। इससे भविष्य में और ड्रिंक ऐड करना आसान हो जाता है।
714714
715-
एक अन्य उपाय यह होगा कि जानकारी को ऑब्जेक्ट्स में स्थानांतरित करके कंडीशन को पूरी तरह से हटा दिया जाए:
715+
एक अन्य उपाय यह होगा कि जानकारी को ऑब्जेक्ट्स में मूव करके कंडीशन को पूरी तरह से हटा दिया जाए:
716716
717717
<Sandpack>
718718

0 commit comments

Comments
 (0)