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/portals.md
+6-6Lines changed: 6 additions & 6 deletions
Original file line number
Diff line number
Diff line change
@@ -40,21 +40,21 @@ render() {
40
40
}
41
41
```
42
42
43
-
Portals का एक विशिष्ट उपयोग का मामला है जब एक पैरेंट कौम्पोनॅन्ट में `overflow: hidden` या `z-index` स्टाइल होता है, लेकिन आपको चाइल्ड को नेत्रहीन उसके कंटेनर से "बाहर" करने की आवश्यकता है। जैसे डॉयलोग्स, होवरकार्ड और टूलटिप्स।
43
+
Portals के विशिष्ट उपयोग का उदाहरण है जब एक पैरेंट कौम्पोनॅन्ट में `overflow: hidden` या `z-index` स्टाइल हो, लेकिन नेत्रहीन आपको चाइल्ड को उसके कंटेनर से "बाहर" करने की आवश्यकता हो। जैसे की डॉयलोग्स, होवरकार्ड और टूलटिप्स।
44
44
45
45
> टिप्पणी:
46
46
>
47
47
> ध्यान रखें, Portals के साथ काम करते वक्त [कीबोर्ड फोकस को मैनेज करना](/docs/accessibility.html#programmatically-managing-focus) बहुत जरूरी हो जाता है।
48
48
>
49
-
> मोडल डॉयलोग्स के लिए, सुनिश्चित करें कि हर कोई उनके साथ इंटरैक्ट कर सके [WAI-ARIA मोडल संलेखन प्रथाएं](https://www.w3.org/TR/wai-aria-practices-1.1/#dialog_modal) का पालन करते हुए।
49
+
> मोडल डॉयलोग्स के लिए, ये सुनिश्चित करें कि हर कोई [WAI-ARIA मोडल संलेखन प्रथाएं](https://www.w3.org/TR/wai-aria-practices-1.1/#dialog_modal) का पालन करते हुए उनके साथ इंटरैक्ट कर सके।
50
50
51
-
[**CodePen पर इसे आजमाएं**](https://codepen.io/gaearon/pen/yzMaBd)
51
+
[**इसे CodePen पर आजमाएं**](https://codepen.io/gaearon/pen/yzMaBd)
52
52
53
53
## Portals के माध्यम से इवेंट बबलिंग {#event-bubbling-through-portals}
54
54
55
55
एक portal DOM ट्री में कहीं भी हो, यह हर नज़रिये से एक सामान्य React चाइल्ड की तरह व्यवहार करता है। Context जैसे फीचर्स बिल्कुल उसी तरह से काम करते हैं, भले ही चाइल्ड एक portal हो, क्योंकि portal अभी भी *React ट्री* के अंदर है, इसका स्थान *DOM ट्री* में बेशक कहीं भी हो।
56
56
57
-
इसमें इवेंट बबलिंग भी शामिल है। एक portal के अंदर से चलाया गया इवेंट उस *React ट्री* के अनसस्टर्स तक प्रचारित करेगा, भले ही वे एलिमेंट्स *DOM ट्री* में अनसस्टर्स न हों। निम्न HTML ढांचे को मानते हुए:
57
+
इसमें इवेंट बबलिंग भी शामिल है। एक portal के अंदर से चलाया गया इवेंट उस *React ट्री* के ऐन्सिस्टर्ज़ तक प्रचारित करेगा, भले ही वे एलिमेंट्स *DOM ट्री* में ऐन्सिस्टर्ज़ न हों। निम्न HTML ढांचे को मानते हुए:
58
58
59
59
```html
60
60
<html>
@@ -147,6 +147,6 @@ function Child() {
147
147
ReactDOM.render(<Parent />, appRoot);
148
148
```
149
149
150
-
[**CodePen पर इसे आजमाएं**](https://codepen.io/gaearon/pen/jGBWpE)
150
+
[**इसे CodePen पर आजमाएं**](https://codepen.io/gaearon/pen/jGBWpE)
151
151
152
-
किसी पैरेंट कौम्पोनॅन्ट के portal की इवेंट बबलिंग को पकड़ने से अधिक लचीले सार का विकास होता है जो स्वाभाविक रूप से portals पर निर्भर नहीं होते हैं। उदाहरण के लिए, यदि आप एक `<Modal />` कौम्पोनॅन्ट रेंडर करते हैं तो पैरेंट इसके इवेंट्स को पकड़ सकते हैं भले ही यह portals का उपयोग करके लागू किया गया हो।
152
+
किसी portal की इवेंट बबलिंग को उसके पैरेंट कौम्पोनॅन्ट में पकड़ने से अधिक लचीले सार का विकास होता है जो स्वाभाविक रूप से portals पर निर्भर नहीं होते हैं। उदाहरण के लिए, यदि आप एक `<Modal />` कौम्पोनॅन्ट रेंडर करते हैं तो पैरेंट इसके इवेंट्स को पकड़ सकते हैं भले ही यह portals का उपयोग करके लागू किया गया हो।
0 commit comments