Skip to content

Commit 44b1eb4

Browse files
committed
Incorporating changes
1 parent 395f718 commit 44b1eb4

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

beta/src/pages/learn/sharing-state-between-components.md

+5-5
Original file line numberDiff line numberDiff line change
@@ -77,13 +77,13 @@ h3, p { margin: 5px 0px; }
7777

7878
<DiagramGroup>
7979

80-
<Diagram name="sharing_state_child" height={367} width={477} alt="तीन कौम्पोनॅन्ट वाले पेड़ का चित्र, जिसमे एक अक्कौरडियन लेबल वाला पैरेंट है और दो पैनल लेबल वाले चिल्ड्रेन. दोनों पैनल कौम्पोनॅन्ट में false वैल्यू वाली isActive है।">
80+
<Diagram name="sharing_state_child" height={367} width={477} alt="तीन कौम्पोनॅन्ट वाले ट्री का चित्र, जिसमे एक अक्कौरडियन लेबल वाला पैरेंट है और दो पैनल लेबल वाले चिल्ड्रेन दोनों पैनल कौम्पोनॅन्ट में isActive false वैल्यू के साथ है।">
8181

8282
शुरुआत में दोनों `Panel`s की `isActive` state `false` है, इसलिए दोनों कोलैप्स्ड दिख रहे हैं
8383

8484
</Diagram>
8585

86-
<Diagram name="sharing_state_child_clicked" height={367} width={480} alt="पिछले चित्र की तरह, इसमें पहेले पैनल चाइल्ड कौम्पोनॅन्ट का isActive हाईलाइट किया गया है, जिसका मतलब है की इसकी isActive वैल्यू क्लिक द्वारा true पर सेट की गयी है। दूसरा पैनल कौम्पोनॅन्ट में अभी भी false वैल्यू होगी" >
86+
<Diagram name="sharing_state_child_clicked" height={367} width={480} alt="पिछले चित्र की तरह, इसमें पहेले पैनल चाइल्ड कौम्पोनॅन्ट का isActive हाईलाइट किया गया है, जिसका मतलब है की इसकी isActive वैल्यू क्लिक द्वारा true पर सेट की गयी है। दूसरे पैनल कौम्पोनॅन्ट में अभी भी false वैल्यू है" >
8787

8888
किसी भी `Panel` की `isActive` state तभी अपडेट होगी जब उस `Panel` का बटन दबाया जायेगा
8989

@@ -270,13 +270,13 @@ h3, p { margin: 5px 0px; }
270270
271271
<DiagramGroup>
272272
273-
<Diagram name="sharing_state_parent" height={385} width={487} alt="तीन कौम्पोनॅन्ट' वाले पेड़ का चित्र, जिसमे एक अक्कौरडियन लेबल वाला पैरेंट है और दो पैनल लेबल वाले चिल्ड्रेन। अक्कौरडियन में शून्य वैल्यू की activeIndex है जिससे पहले पैनल में पास की गयी isActive वैल्यू true में बदल जाती है, और दुसरे पैनल में पास की गयी isActive वैल्यू false में बदल जाती है।" >
273+
<Diagram name="sharing_state_parent" height={385} width={487} alt="तीन कौम्पोनॅन्ट' वाले ट्री का चित्र, जिसमे एक अक्कौरडियन लेबल वाला पैरेंट है और दो पैनल लेबल वाले चिल्ड्रेन। अक्कौरडियन में शून्य वैल्यू की activeIndex है जिससे पहले पैनल में पास की गयी isActive वैल्यू true में बदल जाती है, और दुसरे पैनल में पास की गयी isActive वैल्यू false में बदल जाती है।" >
274274
275275
शुरुआत में `Accordion` का `activeIndex` `0` है , इसलिए पहले `Panel` को `isActive = true` मिलेगा
276276
277277
</Diagram>
278278
279-
<Diagram name="sharing_state_parent_clicked" height={385} width={521} alt="पिछले चित्र की तरह, इस चित्र में पैरेंट अक्कौरडियन कौम्पोनॅन्ट के पैनल का isActive हाईलाइट किया गया है, जिसका मतलब है की इसकी वैल्यू क्लिक द्वारा एक पर सेट की गयी है। दोनों चिल्ड्रेन पैनल कौम्पोनॅन्ट्स का फ्लो भी हाईलाइट किया गया है, और हर चाइल्ड कौम्पोनॅन्ट को पास की गयी isActive वैल्यू विपरीत है: पहले पैनल के लिए false और दुसरे के लिए true।" >
279+
<Diagram name="sharing_state_parent_clicked" height={385} width={521} alt="पिछले चित्र की तरह, इस चित्र में पैरेंट अक्कौरडियन कौम्पोनॅन्ट के पैनल का activeIndex हाईलाइट किया गया है, जिसका मतलब है की इसकी वैल्यू क्लिक द्वारा one पर सेट की गयी है। दोनों चिल्ड्रेन पैनल कौम्पोनॅन्ट्स का फ्लो भी हाईलाइट किया गया है, और हर चाइल्ड कौम्पोनॅन्ट को पास की गयी isActive वैल्यू विपरीत है: पहले पैनल के लिए false और दुसरे के लिए true।" >
280280
281281
जब `Accordion` के `activeIndex` की state बदल कर `1` होगी, तब दूसरे `Panel` को `isActive = true` मिलेगा
282282
@@ -312,7 +312,7 @@ React एप्लीकेशन में, कई कौम्पोनॅन
312312
313313
* यदि आप दो कौम्पोनॅन्ट्स के बीच तालमेल करना चाहते हैं, तब उनकी state को उनके कॉमन पैरेंट पर मूव करें।
314314
* फिर इनफार्मेशन को कॉमन पैरेंट में से props की मदद से पास करें।
315-
* अंत में event-handler को पास-डाउन करें जिस से चिल्ड्रेन अपने पैरेंट state बदल सकें।
315+
* अंत में इवेंट हैंडलर्स को पास-डाउन करें जिस से चिल्ड्रेन अपने पैरेंट state बदल सकें।
316316
* बेहतर होगा यदि कौम्पोनॅन्ट्स को "कंट्रोल्ड" (props द्वारा ड्रिवन) या "अन-कंट्रोल्ड" (state द्वारा ड्रिवन) मानें।
317317
318318
</Recap>

0 commit comments

Comments
 (0)