Skip to content

Commit b3ba9ba

Browse files
committed
Update Fragment.md
1 parent 2201981 commit b3ba9ba

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

src/content/reference/react/Fragment.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: <Fragment> (<>...</>)
44

55
<Intro>
66

7-
`<Fragment>`, часто используемый с помощью синтаксиса `<>...</>`, позволяет группировать элементы без создания оберточного узла.
7+
`<Fragment>`, часто используемый с помощью синтаксиса `<>...</>`, позволяет группировать элементы без оборачивания в дополнительный тег.
88

99
```js
1010
<>
@@ -23,7 +23,7 @@ title: <Fragment> (<>...</>)
2323

2424
### `<Fragment>` {/*fragment*/}
2525

26-
Оберните элементы в `<Fragment>`, чтобы сгруппировать их вместе в тех случаях, когда вам необходим единственный элемент. Группировка элементов с помощью `Fragment` не влияет на конечный DOM; он остается таким же, как если бы элементы не были сгруппированы. Пустой JSX тег `<></>` в большинстве случаев является сокращением для `<Fragment></Fragment>`.
26+
Оберните элементы в `<Fragment>`, чтобы сгруппировать их вместе в тех случаях, когда вам необходим единственный элемент. Группировка элементов с помощью `Fragment` не влияет на конечный DOM; он остается таким же, как если бы элементы не были сгруппированы. Пустой JSX-тег `<></>` в большинстве случаев является сокращением для `<Fragment></Fragment>`.
2727

2828
#### Пропсы {/*props*/}
2929

@@ -41,7 +41,7 @@ title: <Fragment> (<>...</>)
4141

4242
### Возвращение нескольких элементов {/*returning-multiple-elements*/}
4343

44-
Используйте `Fragment` или аналогичный синтаксис `<>...</>`, чтобы сгруппировать несколько элементов. Вы можете использовать его для размещения нескольких элементов в любом месте, где может находиться один элемент. Например, компонент может возвращать только один элемент, но используя Fragment, вы можете сгруппировать несколько элементов вместе и затем вернуть их как группу:
44+
Используйте `Fragment` или аналогичный синтаксис `<>...</>`, чтобы сгруппировать несколько элементов. Вы можете использовать его для размещения нескольких элементов в любом месте, где может находиться один элемент. Например, компонент может возвращать только один элемент, но используя `Fragment`, вы можете сгруппировать несколько элементов вместе и затем вернуть их как группу:
4545

4646
```js {3,6}
4747
function Post() {
@@ -54,7 +54,7 @@ function Post() {
5454
}
5555
```
5656

57-
Фрагменты полезны тем, что группировка элементов с их помощью не влияет на отображение элементов на странице или стили, в отличие от случая, когда вы оборачиваете элементы в другой контейнер, например, в DOM элемент. Если вы осмотрите этот пример с помощью инструментов браузера, то увидите, что все DOM узлы `<h1>` и `<p>` отображаются как соседи без оберток вокруг них:
57+
Фрагменты полезны тем, что группировка элементов с их помощью не влияет на отображение элементов на странице или стили, в отличие от случая, когда вы оборачиваете элементы в другой контейнер, например, в DOM-элемент. Если вы проверите этот пример с помощью инструментов браузера, то увидите, что все DOM-узлы `<h1>` и `<p>` отображаются как соседи без оберток вокруг них:
5858

5959
<Sandpack>
6060

@@ -111,7 +111,7 @@ function Post() {
111111
}
112112
```
113113

114-
В большинстве случаев это не нужно, за исключением ситуаций, когда необходимо [передать `key` фрагменту.](#rendering-a-list-of-fragments)
114+
В большинстве случаев это не нужно, за исключением ситуаций, когда необходимо [передать фрагменту `key`.](#rendering-a-list-of-fragments)
115115

116116
</DeepDive>
117117

@@ -160,7 +160,7 @@ function DateRangePicker({ start, end }) {
160160
161161
### Рендеринг списка фрагментов {/*rendering-a-list-of-fragments*/}
162162
163-
Рассмотрим ситуацию, когда вам нужно явно написать `Fragment`, вместо использования синтаксиса `<></>`. Это может понадобиться, когда вы [рендерите несколько элементов в цикле](/learn/rendering-lists) и каждому элементу нужно присвоить `key`. Если элементы в цикле являются фрагментами, то вам необходимо использовать стандартный синтаксис JSX элементов, чтобы предоставить атрибут `key`:
163+
Рассмотрим ситуацию, когда вам нужно явно написать `Fragment`, вместо использования синтаксиса `<></>`. Это может понадобиться, когда вы [рендерите несколько элементов в цикле](/learn/rendering-lists) и каждому элементу нужно присвоить `key`. Если элементы в цикле являются фрагментами, то вам необходимо использовать стандартный синтаксис JSX-элементов, чтобы предоставить атрибут `key`:
164164
165165
```js {3,6}
166166
function Blog() {
@@ -173,7 +173,7 @@ function Blog() {
173173
}
174174
```
175175
176-
Вы можете осмотреть DOM, чтобы убедиться, что вокруг дочерних элементов фрагмента нет оберток:
176+
Вы можете проверить DOM, чтобы убедиться, что вокруг дочерних элементов фрагмента нет оберток:
177177
178178
<Sandpack>
179179

0 commit comments

Comments
 (0)