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: src/content/reference/react/Fragment.md
+7-7Lines changed: 7 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@ title: <Fragment> (<>...</>)
4
4
5
5
<Intro>
6
6
7
-
`<Fragment>`, часто используемый с помощью синтаксиса `<>...</>`, позволяет группировать элементы без создания оберточного узла.
7
+
`<Fragment>`, часто используемый с помощью синтаксиса `<>...</>`, позволяет группировать элементы без оборачивания в дополнительный тег.
8
8
9
9
```js
10
10
<>
@@ -23,7 +23,7 @@ title: <Fragment> (<>...</>)
23
23
24
24
### `<Fragment>` {/*fragment*/}
25
25
26
-
Оберните элементы в `<Fragment>`, чтобы сгруппировать их вместе в тех случаях, когда вам необходим единственный элемент. Группировка элементов с помощью `Fragment` не влияет на конечный DOM; он остается таким же, как если бы элементы не были сгруппированы. Пустой JSXтег `<></>` в большинстве случаев является сокращением для `<Fragment></Fragment>`.
26
+
Оберните элементы в `<Fragment>`, чтобы сгруппировать их вместе в тех случаях, когда вам необходим единственный элемент. Группировка элементов с помощью `Fragment` не влияет на конечный DOM; он остается таким же, как если бы элементы не были сгруппированы. Пустой JSX-тег `<></>` в большинстве случаев является сокращением для `<Fragment></Fragment>`.
27
27
28
28
#### Пропсы {/*props*/}
29
29
@@ -41,7 +41,7 @@ title: <Fragment> (<>...</>)
41
41
42
42
### Возвращение нескольких элементов {/*returning-multiple-elements*/}
43
43
44
-
Используйте `Fragment` или аналогичный синтаксис `<>...</>`, чтобы сгруппировать несколько элементов. Вы можете использовать его для размещения нескольких элементов в любом месте, где может находиться один элемент. Например, компонент может возвращать только один элемент, но используя Fragment, вы можете сгруппировать несколько элементов вместе и затем вернуть их как группу:
44
+
Используйте `Fragment` или аналогичный синтаксис `<>...</>`, чтобы сгруппировать несколько элементов. Вы можете использовать его для размещения нескольких элементов в любом месте, где может находиться один элемент. Например, компонент может возвращать только один элемент, но используя `Fragment`, вы можете сгруппировать несколько элементов вместе и затем вернуть их как группу:
45
45
46
46
```js {3,6}
47
47
functionPost() {
@@ -54,7 +54,7 @@ function Post() {
54
54
}
55
55
```
56
56
57
-
Фрагменты полезны тем, что группировка элементов с их помощью не влияет на отображение элементов на странице или стили, в отличие от случая, когда вы оборачиваете элементы в другой контейнер, например, в DOMэлемент. Если вы осмотрите этот пример с помощью инструментов браузера, то увидите, что все DOMузлы `<h1>` и `<p>` отображаются как соседи без оберток вокруг них:
57
+
Фрагменты полезны тем, что группировка элементов с их помощью не влияет на отображение элементов на странице или стили, в отличие от случая, когда вы оборачиваете элементы в другой контейнер, например, в DOM-элемент. Если вы проверите этот пример с помощью инструментов браузера, то увидите, что все DOM-узлы `<h1>` и `<p>` отображаются как соседи без оберток вокруг них:
58
58
59
59
<Sandpack>
60
60
@@ -111,7 +111,7 @@ function Post() {
111
111
}
112
112
```
113
113
114
-
В большинстве случаев это не нужно, за исключением ситуаций, когда необходимо [передать `key` фрагменту.](#rendering-a-list-of-fragments)
114
+
В большинстве случаев это не нужно, за исключением ситуаций, когда необходимо [передать фрагменту `key`.](#rendering-a-list-of-fragments)
115
115
116
116
</DeepDive>
117
117
@@ -160,7 +160,7 @@ function DateRangePicker({ start, end }) {
Рассмотрим ситуацию, когда вам нужно явно написать `Fragment`, вместо использования синтаксиса `<></>`. Это может понадобиться, когда вы [рендерите несколько элементов в цикле](/learn/rendering-lists) и каждому элементу нужно присвоить `key`. Если элементы в цикле являются фрагментами, то вам необходимо использовать стандартный синтаксис JSXэлементов, чтобы предоставить атрибут `key`:
163
+
Рассмотрим ситуацию, когда вам нужно явно написать `Fragment`, вместо использования синтаксиса `<></>`. Это может понадобиться, когда вы [рендерите несколько элементов в цикле](/learn/rendering-lists) и каждому элементу нужно присвоить `key`. Если элементы в цикле являются фрагментами, то вам необходимо использовать стандартный синтаксис JSX-элементов, чтобы предоставить атрибут `key`:
164
164
165
165
```js {3,6}
166
166
functionBlog() {
@@ -173,7 +173,7 @@ function Blog() {
173
173
}
174
174
```
175
175
176
-
Вы можете осмотреть DOM, чтобы убедиться, что вокруг дочерних элементов фрагмента нет оберток:
176
+
Вы можете проверить DOM, чтобы убедиться, что вокруг дочерних элементов фрагмента нет оберток:
0 commit comments