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: beta/src/pages/learn/writing-markup-with-jsx.md
+9-9Lines changed: 9 additions & 9 deletions
Original file line number
Diff line number
Diff line change
@@ -66,15 +66,15 @@ Form.js
66
66
67
67
## HTML को JSX में बदलना {/*converting-html-to-jsx*/}
68
68
69
-
मान लीजिए कि आपके पास कुछ (पूरी तरह से मान्य) HTML है:
69
+
मान लीजिए कि आपके पास कुछ (पूरी तरह से वैलिड) HTML है:
70
70
71
71
```html
72
72
<h1>Hedy Lamarr's Todos</h1>
73
73
<img
74
74
src="https://i.imgur.com/yXOvdOSs.jpg"
75
75
alt="Hedy Lamarr"
76
-
class="photo"
77
-
/>
76
+
class="photo"
77
+
>
78
78
<ul>
79
79
<li>नई ट्रैफिक लाइट का आविष्कार करें
80
80
<li>एक फिल्म के दृश्य का पूर्वाभ्यास करें
@@ -116,21 +116,21 @@ export default function TodoList() {
116
116
```
117
117
118
118
```css
119
-
img { height: 90px; }
119
+
img { height: 90px }
120
120
```
121
121
122
122
</Sandpack>
123
123
124
-
ऐसा इसलिए है क्योंकि JSX सख्त है और इसमें HTML की तुलना में कुछ और नियम हैं! यदि आप ऊपर दिए गए त्रुटि संदेशों को पढ़ते हैं, तो वे मार्कअप को ठीक करने के लिए आपका मार्गदर्शन करेंगे, या आप नीचे दी गई मार्गदर्शिका का अनुसरण कर सकते हैं।
124
+
ऐसा इसलिए है क्योंकि JSX सख्त है और इसमें HTML की तुलना में कुछ और नियम हैं! यदि आप ऊपर दिए गए एरर मैसेजेस को पढ़ते हैं, तो वे मार्कअप को ठीक करने के लिए आपका मार्गदर्शन करेंगे, या आप नीचे दी गई गाइड का फॉलो कर सकते हैं।
125
125
126
126
<Note>
127
127
128
-
अधिकांश समय, React के ऑन-स्क्रीन त्रुटि संदेश आपको यह पता लगाने में मदद करेंगे कि समस्या कहाँ है। अगर आप फंस गए हैं तो उन्हें पढ़ लें!
128
+
अधिकांश समय, React के ऑन-स्क्रीन एरर मैसेजेस आपको यह पता लगाने में मदद करेंगे कि समस्या कहाँ है। अगर आप फंस गए हैं तो उन्हें पढ़ लें!
129
129
</Note>
130
130
131
131
## JSX के नियम {/*the-rules-of-jsx*/}
132
132
133
-
### 1. एकल मूल तत्व लौटाएं {/*1-return-a-single-root-element*/}
133
+
### 1. एक सिंगल रुट एलिमेंट रिटर्न करें {/*1-return-a-single-root-element*/}
134
134
135
135
एक कौम्पोनॅन्ट से कई एलिमेंट्स को रिटर्न करने के लिए, **उन्हें सिंगल पैरेंट टैग मैं ऐड करें**।
136
136
@@ -257,15 +257,15 @@ img { height: 90px; }
257
257
258
258
- React कौम्पोनॅन्ट समूह मार्कअप के साथ लॉजिक रेंडर करता है क्योंकि वे संबंधित हैं।
259
259
- JSX कुछ अंतरों के साथ HTML के समान है। जरूरत पड़ने पर आप [कन्वर्टर](https://transform.tools/html-to-jsx) का उपयोग कर सकते हैं।
260
-
-त्रुटि संदेश अक्सर आपको अपना मार्कअप ठीक करने की सही दिशा में इंगित करेंगे।
260
+
-एरर मैसेजेस अक्सर आपको अपना मार्कअप ठीक करने की सही दिशा में इंगित करेंगे।
261
261
262
262
</Recap>
263
263
264
264
<Challenges>
265
265
266
266
### कुछ HTML को JSX में बदलें {/*convert-some-html-to-jsx*/}
267
267
268
-
यह HTML एक कौम्पोनॅन्ट में चिपकाया गया था, लेकिन यह JSX मान्य नहीं है। इसे ठीक करें:
268
+
यह HTML एक कौम्पोनॅन्ट में चिपकाया गया था, लेकिन यह JSX वैलिड नहीं है। इसे ठीक करें:
0 commit comments