Skip to content

Commit 5324243

Browse files
committed
Merge branch 'translation-portals' of https://github.com/echobrain/ru.reactjs.org into translation-portals
2 parents ef649bd + 5dcff40 commit 5324243

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
@@ -10,11 +10,11 @@ permalink: docs/portals.html
1010
ReactDOM.createPortal(child, container)
1111
```
1212

13-
Первый аргумент (`child`) — это [любой React компонент, который может быть отрендерен](/docs/react-component.html#render), такой как элемент, строка или фрагмент. Следующий аргумент (`container`) — это DOM-элемент.
13+
Первый аргумент (`child`) — это [любой React-компонент, который может быть отрендерен](/docs/react-component.html#render), такой как элемент, строка или фрагмент. Следующий аргумент (`container`) — это DOM-элемент.
1414

1515
## Применение {#usage}
1616

17-
Обычно, когда вы возвращаете элемент из рендер метода компонента, он монтируется в DOM как дочерний элемент ближайшего родительского узла:
17+
Обычно, когда вы возвращаете элемент из рендер-метода компонента, он монтируется в DOM как дочерний элемент ближайшего родительского узла:
1818

1919
```js{4,6}
2020
render() {
@@ -27,7 +27,7 @@ render() {
2727
}
2828
```
2929

30-
Но иногда бывает полезным иметь возможность поместить потомка в другое место в DOM:
30+
Но иногда требуется поместить потомка в другое место в DOM:
3131

3232
```js{6}
3333
render() {
@@ -52,7 +52,7 @@ render() {
5252

5353
## Всплытие событий через порталы {#event-bubbling-through-portals}
5454

55-
Несмотря на то, что портал может находиться в любом месте DOM-дерева, во всех других случаях он ведёт себя как обычный React компонент. Такие возможности, как контекст, работают одинаково, независимо от того, является ли потомок порталом, поскольку портал все ещё находится в *React-дереве* независимо от положения в *DOM-дереве*.
55+
Несмотря на то, что портал может находиться в любом месте DOM-дерева, во всех других случаях он ведёт себя как обычный React-компонент. Такие возможности, как контекст, работают одинаково, независимо от того, является ли потомок порталом, поскольку портал все ещё находится в *React-дереве*, несмотря на положение в *DOM-дереве*.
5656

5757
Так же работает и всплытие событий. Событие, выброшенное изнутри портала, будет распространяться к родителям в содержащем *React-дереве*, даже если эти элементы не являются родительскими в *DOM-дереве*. Представим следующую HTML-структуру:
5858

@@ -65,7 +65,7 @@ render() {
6565
</html>
6666
```
6767

68-
`Родительский` компонент в `#app-root` будет в состоянии поймать неперехваченное всплывающее событие из соседнего узла `#modal-root`.
68+
`Родительский` компонент в `#app-root` сможет поймать неперехваченное всплывающее событие из соседнего узла `#modal-root`.
6969

7070
```js{28-31,42-49,53,61-63,70-71,74}
7171
// Это два соседних контейнера в DOM
@@ -126,7 +126,7 @@ class Parent extends React.Component {
126126
Откройте DevTools браузера,
127127
чтобы убедиться, что кнопка
128128
не является потомком блока div
129-
c onClick обработчиком.
129+
c обработчиком onClick.
130130
</p>
131131
<Modal>
132132
<Child />

0 commit comments

Comments
 (0)