Skip to content

Commit

Permalink
make requested changes
Browse files Browse the repository at this point in the history
(2nd review)
  • Loading branch information
nooblyf authored Apr 19, 2020
1 parent 3640856 commit b5d5262
Showing 1 changed file with 6 additions and 6 deletions.
12 changes: 6 additions & 6 deletions content/docs/portals.md
Original file line number Diff line number Diff line change
Expand Up @@ -40,21 +40,21 @@ render() {
}
```

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

> टिप्पणी:
>
> ध्यान रखें, Portals के साथ काम करते वक्त [कीबोर्ड फोकस को मैनेज करना](/docs/accessibility.html#programmatically-managing-focus) बहुत जरूरी हो जाता है।
>
> मोडल डॉयलोग्स के लिए, सुनिश्चित करें कि हर कोई उनके साथ इंटरैक्ट कर सके [WAI-ARIA मोडल संलेखन प्रथाएं](https://www.w3.org/TR/wai-aria-practices-1.1/#dialog_modal) का पालन करते हुए।
> मोडल डॉयलोग्स के लिए, ये सुनिश्चित करें कि हर कोई [WAI-ARIA मोडल संलेखन प्रथाएं](https://www.w3.org/TR/wai-aria-practices-1.1/#dialog_modal) का पालन करते हुए उनके साथ इंटरैक्ट कर सके
[**CodePen पर इसे आजमाएं**](https://codepen.io/gaearon/pen/yzMaBd)
[**इसे CodePen पर आजमाएं**](https://codepen.io/gaearon/pen/yzMaBd)

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

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

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

```html
<html>
Expand Down Expand Up @@ -147,6 +147,6 @@ function Child() {
ReactDOM.render(<Parent />, appRoot);
```

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

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

0 comments on commit b5d5262

Please sign in to comment.