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
@@ -10,11 +10,11 @@ permalink: docs/portals.html
10
10
ReactDOM.createPortal(child, container)
11
11
```
12
12
13
-
Первый аргумент (`child`) — это [любой Reactкомпонент, который может быть отрендерен](/docs/react-component.html#render), такой как элемент, строка или фрагмент. Следующий аргумент (`container`) — это DOM-элемент.
13
+
Первый аргумент (`child`) — это [любой React-компонент, который может быть отрендерен](/docs/react-component.html#render), такой как элемент, строка или фрагмент. Следующий аргумент (`container`) — это DOM-элемент.
14
14
15
15
## Применение {#usage}
16
16
17
-
Обычно, когда вы возвращаете элемент из рендерметода компонента, он монтируется в DOM как дочерний элемент ближайшего родительского узла:
17
+
Обычно, когда вы возвращаете элемент из рендер-метода компонента, он монтируется в DOM как дочерний элемент ближайшего родительского узла:
18
18
19
19
```js{4,6}
20
20
render() {
@@ -27,7 +27,7 @@ render() {
27
27
}
28
28
```
29
29
30
-
Но иногда бывает полезным иметь возможность поместить потомка в другое место в DOM:
30
+
Но иногда требуется поместить потомка в другое место в DOM:
31
31
32
32
```js{6}
33
33
render() {
@@ -52,7 +52,7 @@ render() {
52
52
53
53
## Всплытие событий через порталы {#event-bubbling-through-portals}
54
54
55
-
Несмотря на то, что портал может находиться в любом месте DOM-дерева, во всех других случаях он ведёт себя как обычный Reactкомпонент. Такие возможности, как контекст, работают одинаково, независимо от того, является ли потомок порталом, поскольку портал все ещё находится в *React-дереве* независимо от положения в *DOM-дереве*.
55
+
Несмотря на то, что портал может находиться в любом месте DOM-дерева, во всех других случаях он ведёт себя как обычный React-компонент. Такие возможности, как контекст, работают одинаково, независимо от того, является ли потомок порталом, поскольку портал все ещё находится в *React-дереве*, несмотря на положение в *DOM-дереве*.
56
56
57
57
Так же работает и всплытие событий. Событие, выброшенное изнутри портала, будет распространяться к родителям в содержащем *React-дереве*, даже если эти элементы не являются родительскими в *DOM-дереве*. Представим следующую HTML-структуру:
58
58
@@ -65,7 +65,7 @@ render() {
65
65
</html>
66
66
```
67
67
68
-
`Родительский` компонент в `#app-root`будет в состоянии поймать неперехваченное всплывающее событие из соседнего узла `#modal-root`.
68
+
`Родительский` компонент в `#app-root`сможет поймать неперехваченное всплывающее событие из соседнего узла `#modal-root`.
69
69
70
70
```js{28-31,42-49,53,61-63,70-71,74}
71
71
// Это два соседних контейнера в DOM
@@ -126,7 +126,7 @@ class Parent extends React.Component {
0 commit comments