Skip to content

Commit b5d5262

Browse files
authored
make requested changes
(2nd review)
1 parent 3640856 commit b5d5262

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

content/docs/portals.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -40,21 +40,21 @@ render() {
4040
}
4141
```
4242

43-
Portals का एक विशिष्ट उपयोग का मामला है जब एक पैरेंट कौम्पोनॅन्ट में `overflow: hidden` या `z-index` स्टाइल होता है, लेकिन आपको चाइल्ड को नेत्रहीन उसके कंटेनर से "बाहर" करने की आवश्यकता है। जैसे डॉयलोग्स, होवरकार्ड और टूलटिप्स।
43+
Portals के विशिष्ट उपयोग का उदाहरण है जब एक पैरेंट कौम्पोनॅन्ट में `overflow: hidden` या `z-index` स्टाइल हो, लेकिन नेत्रहीन आपको चाइल्ड को उसके कंटेनर से "बाहर" करने की आवश्यकता हो। जैसे की डॉयलोग्स, होवरकार्ड और टूलटिप्स।
4444

4545
> टिप्पणी:
4646
>
4747
> ध्यान रखें, Portals के साथ काम करते वक्त [कीबोर्ड फोकस को मैनेज करना](/docs/accessibility.html#programmatically-managing-focus) बहुत जरूरी हो जाता है।
4848
>
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) का पालन करते हुए उनके साथ इंटरैक्ट कर सके
5050
51-
[**CodePen पर इसे आजमाएं**](https://codepen.io/gaearon/pen/yzMaBd)
51+
[**इसे CodePen पर आजमाएं**](https://codepen.io/gaearon/pen/yzMaBd)
5252

5353
## Portals के माध्यम से इवेंट बबलिंग {#event-bubbling-through-portals}
5454

5555
एक portal DOM ट्री में कहीं भी हो, यह हर नज़रिये से एक सामान्य React चाइल्ड की तरह व्यवहार करता है। Context जैसे फीचर्स बिल्कुल उसी तरह से काम करते हैं, भले ही चाइल्ड एक portal हो, क्योंकि portal अभी भी *React ट्री* के अंदर है, इसका स्थान *DOM ट्री* में बेशक कहीं भी हो।
5656

57-
इसमें इवेंट बबलिंग भी शामिल है। एक portal के अंदर से चलाया गया इवेंट उस *React ट्री* के अनसस्टर्स तक प्रचारित करेगा, भले ही वे एलिमेंट्स *DOM ट्री* में अनसस्टर्स न हों। निम्न HTML ढांचे को मानते हुए:
57+
इसमें इवेंट बबलिंग भी शामिल है। एक portal के अंदर से चलाया गया इवेंट उस *React ट्री* के ऐन्सिस्टर्ज़ तक प्रचारित करेगा, भले ही वे एलिमेंट्स *DOM ट्री* में ऐन्सिस्टर्ज़ न हों। निम्न HTML ढांचे को मानते हुए:
5858

5959
```html
6060
<html>
@@ -147,6 +147,6 @@ function Child() {
147147
ReactDOM.render(<Parent />, appRoot);
148148
```
149149

150-
[**CodePen पर इसे आजमाएं**](https://codepen.io/gaearon/pen/jGBWpE)
150+
[**इसे CodePen पर आजमाएं**](https://codepen.io/gaearon/pen/jGBWpE)
151151

152-
किसी पैरेंट कौम्पोनॅन्ट के portal की इवेंट बबलिंग को पकड़ने से अधिक लचीले सार का विकास होता है जो स्वाभाविक रूप से portals पर निर्भर नहीं होते हैं। उदाहरण के लिए, यदि आप एक `<Modal />` कौम्पोनॅन्ट रेंडर करते हैं तो पैरेंट इसके इवेंट्स को पकड़ सकते हैं भले ही यह portals का उपयोग करके लागू किया गया हो।
152+
किसी portal की इवेंट बबलिंग को उसके पैरेंट कौम्पोनॅन्ट में पकड़ने से अधिक लचीले सार का विकास होता है जो स्वाभाविक रूप से portals पर निर्भर नहीं होते हैं। उदाहरण के लिए, यदि आप एक `<Modal />` कौम्पोनॅन्ट रेंडर करते हैं तो पैरेंट इसके इवेंट्स को पकड़ सकते हैं भले ही यह portals का उपयोग करके लागू किया गया हो।

0 commit comments

Comments
 (0)