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/docs/rendering-elements.md
-16
Original file line number
Diff line number
Diff line change
@@ -34,11 +34,7 @@ const element = <h1>Hello, world</h1>;
34
34
35
35
React के उपयोग से बने ज़्यादातर ऐप्लिकेशन में एक ही रूट DOM नोड होता है। परंतु यदि आप React को किसी पहले से बने हुए app में उपयोग करना चाहते है तो आप कितने भी अलग अलग रूट DOM नोड बना सकते है।
36
36
37
-
<<<<<<< HEAD
38
-
एक React एलिमेंट्स को DOM नोड में दर्शाने के लिए, आपको इन दोनो को [`ReactDOM.render()`](/docs/react-dom.html#render) में भेजना पड़ेगा:
39
-
=======
40
37
To render a React element, first pass the DOM element to [`ReactDOM.createRoot()`](/docs/react-dom-client.html#createroot), then pass the React element to `root.render()`:
41
-
>>>>>>> 707f22d25f5b343a2e5e063877f1fc97cb1f48a1
42
38
43
39
`embed:rendering-elements/render-an-element.js`
44
40
@@ -50,31 +46,19 @@ To render a React element, first pass the DOM element to [`ReactDOM.createRoot()
50
46
51
47
React एलिमेंट्स [अचल](https://en.wikipedia.org/wiki/Immutable_object) होते है। एक बार एलेमेंट के बनने के बाद, आप उसके चिल्ड्रन या ऐट्रिब्यूट्स में परिवर्तन नहीं कर सकते। एक एलेमेंट एक चलचित्र के एक दृश्य के समान है, ये UI को एक निश्चित समय के लिए दर्शाता है।
52
48
53
-
<<<<<<< HEAD
54
-
हमारे अब तक के ज्ञान के अनुसार, UI में परिवर्तन करने का एक ही तरीक़ा है। इसके लिए हमें एक नया एलेमेंट बना कर उसे [`ReactDOM.render()`](/docs/react-dom.html#render) को भेजना पड़ेगा।
55
-
=======
56
49
With our knowledge so far, the only way to update the UI is to create a new element, and pass it to `root.render()`.
**[Try it on CodePen](https://codepen.io/gaearon/pen/gwoJZk?editors=1010)**
64
56
65
-
<<<<<<< HEAD
66
-
ये [`ReactDOM.render()`](/docs/react-dom.html#render) को प्रत्येक सेकंड [`setInterval()`](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval) callback से कॉल करता है।
67
-
=======
68
57
It calls [`root.render()`](/docs/react-dom.html#render) every second from a [`setInterval()`](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval) callback.
69
-
>>>>>>> 707f22d25f5b343a2e5e063877f1fc97cb1f48a1
70
58
71
59
>**ध्यान दें:**
72
60
>
73
-
<<<<<<< HEAD
74
-
>व्यवहार में, ज़्यादातर React ऍप्स [`ReactDOM.render()`](/docs/react-dom.html#render) को एक ही बार कॉल करते है। अगले भाग में हम ये सीखेंगे कि कैसे इस तरह के कोड को [stateful components](/docs/state-and-lifecycle.html) में एन्काप्सुलेट करते है।
75
-
=======
76
61
>In practice, most React apps only call `root.render()` once. In the next sections we will learn how such code gets encapsulated into [stateful components](/docs/state-and-lifecycle.html).
77
-
>>>>>>> 707f22d25f5b343a2e5e063877f1fc97cb1f48a1
78
62
>
79
63
>हम अनुशंसा करते हैं कि आप विषयों को छोड़ें नहीं क्योंकि वे एक-दूसरे पर निर्माण करते हैं।
0 commit comments