Update Fragment.md translation

Author: XamzatJR

src/content/reference/react/Fragment.md

@@ -4,7 +4,7 @@ title: <Fragment> (<>...</>)
 
 <Intro>
 
-`<Fragment>`, часто используемый с помощью синтаксиса `<>...</>`, позволяет группировать элементы без оборачивания в дополнительный тег.
+`<Fragment>`, или `<>...</>`, позволяет группировать элементы без тега-обертки.
 
 ```js
 <>
@@ -23,15 +23,15 @@ title: <Fragment> (<>...</>)
 
 ### `<Fragment>` {/*fragment*/}
 
-Оберните элементы в `<Fragment>`, чтобы сгруппировать их вместе в тех случаях, когда вам необходим единственный элемент. Группировка элементов с помощью `Fragment` не влияет на конечный DOM; он остается таким же, как если бы элементы не были сгруппированы. Пустой JSX-тег `<></>` в большинстве случаев является сокращением для `<Fragment></Fragment>`.
+Оберните элементы в `<Fragment>`, чтобы объеденить их, когда вам нужен один элемент. Группировка элементов с помощью `Fragment` не влияет на конечный DOM; он остается таким же, как если бы элементы не были сгруппированы. Пустой JSX-тег `<></>` обычно является сокращением для `<Fragment></Fragment>`.
 
 #### Пропсы {/*props*/}
 
 - **необязательный** `key`: Фрагменты объявленные с помощью явного синтаксиса `<Fragment>` могут иметь [ключи.](/learn/rendering-lists#keeping-list-items-in-order-with-key)
 
 #### Предостережения {/*caveats*/}
 
-- Если вам необходимо передать `key` фрагменту, вы не можете использовать краткий синтаксис `<>...</>`. Вы должны явно импортировать `Fragment` из `'react'` и рендерить `<Fragment key={yourKey}>...</Fragment>`.
+- Если вы хотите передать `key` фрагменту, то воспользоваться краткой формой `<>...</>` не выйдет. Вы должны явно импортировать `Fragment` из `'react'` и рендерить `<Fragment key={yourKey}>...</Fragment>`.
 
 - React не [сбрасывает состояние](/learn/preserving-and-resetting-state) когда вы переключаетесь между рендерингом `<><Child /></>` к `[<Child />]` или обратно, или между `<><Child /></>` и `<Child />`. Однако, это работает только на одном уровне вложенности. Например, когда вы переключаетесь от `<><><Child /></></>` к `<Child />`, то состояние будет сброшено. Точную семантику можно посмотреть [здесь.](https://gist.github.com/clemmy/b3ef00f9507909429d8aa0d3ee4f986b)
 
@@ -41,7 +41,7 @@ title: <Fragment> (<>...</>)
 
 ### Возвращение нескольких элементов {/*returning-multiple-elements*/}
 
-Используйте `Fragment` или аналогичный синтаксис `<>...</>`, чтобы сгруппировать несколько элементов. Вы можете использовать его для размещения нескольких элементов в любом месте, где может находиться один элемент. Например, компонент может возвращать только один элемент, но используя `Fragment`, вы можете сгруппировать несколько элементов вместе и затем вернуть их как группу:
+Используйте `Fragment` или `<>...</>`, чтобы сгруппировать несколько элементов. Вы можете применить его для размещения нескольких элементов в любом месте, где может находиться один элемент. Например, компонент может возвращать только один элемент, но используя `Fragment`, можно объеденить несколько элементов, а затем вернуть их:
 
 ```js {3,6}
 function Post() {
@@ -54,7 +54,7 @@ function Post() {
 }
 ```
 
-Фрагменты полезны тем, что группировка элементов с их помощью не влияет на отображение элементов на странице или стили, в отличие от случая, когда вы оборачиваете элементы в другой контейнер, например, в DOM-элемент. Если вы проверите этот пример с помощью инструментов браузера, то увидите, что все DOM-узлы `<h1>` и `<p>` отображаются как соседи без оберток вокруг них:
+Фрагменты полезны тем, что группировка элементов с их помощью не влияет на отображение элементов на странице или стили, в отличие от случая, когда вы используете в роли контейнера DOM-элемент. Изучив этот пример в браузере с помощью инструментов разработчика, вы увидите, что все DOM-узлы `<h1>` и `<p>` отображаются рядом и без оберток:
 
 <Sandpack>
 
@@ -160,7 +160,7 @@ function DateRangePicker({ start, end }) {
 
 ### Рендеринг списка фрагментов {/*rendering-a-list-of-fragments*/}
 
-Рассмотрим ситуацию, когда вам нужно явно написать `Fragment`, вместо использования синтаксиса `<></>`. Это может понадобиться, когда вы [рендерите несколько элементов в цикле](/learn/rendering-lists) и каждому элементу нужно присвоить `key`. Если элементы в цикле являются фрагментами, то вам необходимо использовать стандартный синтаксис JSX-элементов, чтобы предоставить атрибут `key`:
+Рассмотрим ситуацию, где вы должны использовать `Fragment`, а не его краткую форму `<></>`. Когда вы [рендерите несколько элементов в цикле](/learn/rendering-lists), то каждому из них нужно присвоить `key`. Если элементы цикла являются фрагментами, то вам необходимо использовать стандартный синтаксис JSX-элементов, чтобы это сделать:
 
 ```js {3,6}
 function Blog() {
@@ -173,7 +173,7 @@ function Blog() {
 }
 ```
 
-Вы можете проверить DOM, чтобы убедиться, что вокруг дочерних элементов фрагмента нет оберток:
+Вы можете проверить DOM и убедиться, что дочерние элементы фрагмента ни во что не обернуты:
 
 <Sandpack>