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: src/content/learn/render-and-commit.md
+2-13Lines changed: 2 additions & 13 deletions
Original file line number
Diff line number
Diff line change
@@ -84,11 +84,7 @@ export default function Image() {
84
84
85
85
यह प्रोसेस रिकर्सिव है: यदि अपडेट कौम्पोनॅन्ट किसी अन्य कौम्पोनॅन्ट को रिटर्न करता है, तो React _उस_ कौम्पोनॅन्ट को अगला रेंडर करेगा, और यदि वह कौम्पोनॅन्ट भी कुछ रिटर्न करता है, तो वह _उस_ कौम्पोनॅन्ट को आगे रेंडर करेगा, और इसी तरह आगे के कौम्पोनॅन्टस को रेंडर करते जाएगा। प्रोसेस तब तक जारी रहेगी जब तक कि कोई और नेस्टेड कौम्पोनॅन्ट न हों और React को ठीक से पता हो कि स्क्रीन पर क्या डिस्प्ले किया जाना चाहिए।
86
86
87
-
<<<<<<< HEAD
88
87
निम्नलिखित उदाहरण में, React कई बार `Gallery()` और `Image()` को कॉल करेगा:
89
-
=======
90
-
In the following example, React will call `Gallery()` and `Image()` several times:
## स्टेप 3: React DOM में चेंजेस कमिट करता है {/*step-3-react-commits-changes-to-the-dom*/}
154
150
155
-
<<<<<<< HEAD
156
151
आपके कौम्पोनॅन्टस को रेंडर करने (कॉल करने) के बाद, React DOM में मॉडिफाई करेगा।
157
152
158
-
***प्रारंभिक रेंडर पर,** React स्क्रीन पर बनाए गए सभी DOM नोड्स को डालने के लिए [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) DOM API का उपयोग करेगा।
159
-
***पुन: रेंडर करने के लिए,** React DOM को लेटेस्ट आउटपुट के जैसा करने के लिए कम से कम ज़रूरी ऑपरेशन्स (जो रेंडरिंग करते वक़्त कैलकुलेट होते है!) का इस्तेमाल करेगा।
160
-
=======
161
-
After rendering (calling) your components, React will modify the DOM.
162
-
163
-
***For the initial render,** React will use the [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) DOM API to put all the DOM nodes it has created on screen.
164
-
***For re-renders,** React will apply the minimal necessary operations (calculated while rendering!) to make the DOM match the latest rendering output.
165
-
>>>>>>> fc29603434ec04621139738f4740caed89d659a7
153
+
***प्रारंभिक रेंडर के लिए**, React उन सभी DOM नोड्स को स्क्रीन पर डालने के लिए [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) DOM API का उपयोग करेगा, जिन्हें उसने बनाया है।
154
+
***रेंडर के पुनः रेंडर के लिए**, React न्यूनतम आवश्यक ऑपरेशन्स (जो रेंडर करते समय गणना की जाती हैं!) को लागू करेगा ताकि DOM को नवीनतम रेंडरिंग आउटपुट से मेल खा सके।
166
155
167
156
**React केवल DOM नोड्स को बदलता है यदि रेंडरर्स के बीच कोई अंतर है।** उदाहरण के लिए, यहां एक कौम्पोनॅन्ट है जो हर सेकेंड में अपने पैरेंट से पास किये गए विभिन्न प्रोप के साथ फिर से रेंडर करता है। ध्यान दें कि आप `<input>` में कुछ टेक्स्ट कैसे जोड़ सकते हैं, इसके `value` को अपडेट कर सकते हैं, लेकिन जब कौम्पोनॅन्ट फिर से रेंडर होता है तो टेक्स्ट गायब नहीं होता है:
0 commit comments