From 22019813d2c727e2c22db431ed84f2fa0f3d6c99 Mon Sep 17 00:00:00 2001 From: XamzatJR Date: Tue, 25 Apr 2023 23:55:29 +0300 Subject: [PATCH 01/10] translate Fragment page --- src/content/reference/react/Fragment.md | 58 ++++++++++++------------- 1 file changed, 29 insertions(+), 29 deletions(-) diff --git a/src/content/reference/react/Fragment.md b/src/content/reference/react/Fragment.md index 638450405..9926088a3 100644 --- a/src/content/reference/react/Fragment.md +++ b/src/content/reference/react/Fragment.md @@ -4,7 +4,7 @@ title: (<>...) -``, often used via `<>...` syntax, lets you group elements without a wrapper node. +``, часто используемый с помощью синтаксиса `<>...`, позволяет группировать элементы без создания оберточного узла. ```js <> @@ -19,29 +19,29 @@ title: (<>...) --- -## Reference {/*reference*/} +## Справочник {/*reference*/} ### `` {/*fragment*/} -Wrap elements in `` to group them together in situations where you need a single element. Grouping elements in `Fragment` has no effect on the resulting DOM; it is the same as if the elements were not grouped. The empty JSX tag `<>` is shorthand for `` in most cases. +Оберните элементы в ``, чтобы сгруппировать их вместе в тех случаях, когда вам необходим единственный элемент. Группировка элементов с помощью `Fragment` не влияет на конечный DOM; он остается таким же, как если бы элементы не были сгруппированы. Пустой JSX тег `<>` в большинстве случаев является сокращением для ``. -#### Props {/*props*/} +#### Пропсы {/*props*/} -- **optional** `key`: Fragments declared with the explicit `` syntax may have [keys.](/learn/rendering-lists#keeping-list-items-in-order-with-key) +- **необязательный** `key`: Фрагменты объявленные с помощью явного синтаксиса `` могут иметь [ключи.](/learn/rendering-lists#keeping-list-items-in-order-with-key) -#### Caveats {/*caveats*/} +#### Предостережения {/*caveats*/} -- If you want to pass `key` to a Fragment, you can't use the `<>...` syntax. You have to explicitly import `Fragment` from `'react'` and render `...`. +- Если вам необходимо передать `key` фрагменту, вы не можете использовать краткий синтаксис `<>...`. Вы должны явно импортировать `Fragment` из `'react'` и рендерить `...`. -- React does not [reset state](/learn/preserving-and-resetting-state) when you go from rendering `<>` to `[]` or back, or when you go from rendering `<>` to `` and back. This only works a single level deep: for example, going from `<><>` to `` resets the state. See the precise semantics [here.](https://gist.github.com/clemmy/b3ef00f9507909429d8aa0d3ee4f986b) +- React не [сбрасывает состояние](/learn/preserving-and-resetting-state) когда вы переключаетесь между рендерингом `<>` к `[]` или обратно, или между `<>` и ``. Однако, это работает только на одном уровне вложенности. Например, когда вы переключаетесь от `<><>` к ``, то состояние будет сброшено. Точную семантику можно посмотреть [здесь.](https://gist.github.com/clemmy/b3ef00f9507909429d8aa0d3ee4f986b) --- -## Usage {/*usage*/} +## Применение {/*usage*/} -### Returning multiple elements {/*returning-multiple-elements*/} +### Возвращение нескольких элементов {/*returning-multiple-elements*/} -Use `Fragment`, or the equivalent `<>...` syntax, to group multiple elements together. You can use it to put multiple elements in any place where a single element can go. For example, a component can only return one element, but by using a Fragment you can group multiple elements together and then return them as a group: +Используйте `Fragment` или аналогичный синтаксис `<>...`, чтобы сгруппировать несколько элементов. Вы можете использовать его для размещения нескольких элементов в любом месте, где может находиться один элемент. Например, компонент может возвращать только один элемент, но используя Fragment, вы можете сгруппировать несколько элементов вместе и затем вернуть их как группу: ```js {3,6} function Post() { @@ -54,7 +54,7 @@ function Post() { } ``` -Fragments are useful because grouping elements with a Fragment has no effect on layout or styles, unlike if you wrapped the elements in another container like a DOM element. If you inspect this example with the browser tools, you'll see that all `

` and `

` DOM nodes appear as siblings without wrappers around them: +Фрагменты полезны тем, что группировка элементов с их помощью не влияет на отображение элементов на странице или стили, в отличие от случая, когда вы оборачиваете элементы в другой контейнер, например, в DOM элемент. Если вы осмотрите этот пример с помощью инструментов браузера, то увидите, что все DOM узлы `

` и `

` отображаются как соседи без оберток вокруг них: @@ -62,8 +62,8 @@ Fragments are useful because grouping elements with a Fragment has no effect on export default function Blog() { return ( <> - - + + ) } @@ -94,9 +94,9 @@ function PostBody({ body }) { -#### How to write a Fragment without the special syntax? {/*how-to-write-a-fragment-without-the-special-syntax*/} +#### Как написать фрагмент без использования особого синтаксиса? {/*how-to-write-a-fragment-without-the-special-syntax*/} -The example above is equivalent to importing `Fragment` from React: +Приведенный выше пример эквивалентен импорту `Fragment` из React: ```js {1,5,8} import { Fragment } from 'react'; @@ -111,15 +111,15 @@ function Post() { } ``` -Usually you won't need this unless you need to [pass a `key` to your `Fragment`.](#rendering-a-list-of-fragments) +В большинстве случаев это не нужно, за исключением ситуаций, когда необходимо [передать `key` фрагменту.](#rendering-a-list-of-fragments) --- -### Assigning multiple elements to a variable {/*assigning-multiple-elements-to-a-variable*/} +### Присвоение переменной нескольких элементов {/*assigning-multiple-elements-to-a-variable*/} -Like any other element, you can assign Fragment elements to variables, pass them as props, and so on: +Как и любой другой элемент, вы можете присваивать элементы `Fragment` переменным, передавать их в качестве пропсов и так далее: ```js function CloseDialog() { @@ -131,7 +131,7 @@ function CloseDialog() { ); return ( - Are you sure you want to leave this page? + Вы уверены, что хотите покинуть эту страницу? ); } @@ -139,17 +139,17 @@ function CloseDialog() { --- -### Grouping elements with text {/*grouping-elements-with-text*/} +### Группировка элементов с текстом {/*grouping-elements-with-text*/} -You can use `Fragment` to group text together with components: +Вы можете использовать `Fragment` чтобы сгруппировать текст вместе с компонентами: ```js function DateRangePicker({ start, end }) { return ( <> - From + С - to + до ); @@ -158,9 +158,9 @@ function DateRangePicker({ start, end }) { --- -### Rendering a list of Fragments {/*rendering-a-list-of-fragments*/} +### Рендеринг списка фрагментов {/*rendering-a-list-of-fragments*/} -Here's a situation where you need to write `Fragment` explicitly instead of using the `<>` syntax. When you [render multiple elements in a loop](/learn/rendering-lists), you need to assign a `key` to each element. If the elements within the loop are Fragments, you need to use the normal JSX element syntax in order to provide the `key` attribute: +Рассмотрим ситуацию, когда вам нужно явно написать `Fragment`, вместо использования синтаксиса `<>`. Это может понадобиться, когда вы [рендерите несколько элементов в цикле](/learn/rendering-lists) и каждому элементу нужно присвоить `key`. Если элементы в цикле являются фрагментами, то вам необходимо использовать стандартный синтаксис JSX элементов, чтобы предоставить атрибут `key`: ```js {3,6} function Blog() { @@ -173,7 +173,7 @@ function Blog() { } ``` -You can inspect the DOM to verify that there are no wrapper elements around the Fragment children: +Вы можете осмотреть DOM, чтобы убедиться, что вокруг дочерних элементов фрагмента нет оберток: @@ -181,8 +181,8 @@ You can inspect the DOM to verify that there are no wrapper elements around the import { Fragment } from 'react'; const posts = [ - { id: 1, title: 'An update', body: "It's been a while since I posted..." }, - { id: 2, title: 'My new blog', body: 'I am starting a new blog!' } + { id: 1, title: 'Обновление', body: "Давненько я не писал..." }, + { id: 2, title: 'Мой новый блог', body: 'Я начинаю новый блог!' } ]; export default function Blog() { From b3ba9ba9de3ac2fed5d5d66603394be55422e8a2 Mon Sep 17 00:00:00 2001 From: XamzatJR Date: Wed, 26 Apr 2023 08:40:47 +0300 Subject: [PATCH 02/10] Update Fragment.md --- src/content/reference/react/Fragment.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/content/reference/react/Fragment.md b/src/content/reference/react/Fragment.md index 9926088a3..73bd627b4 100644 --- a/src/content/reference/react/Fragment.md +++ b/src/content/reference/react/Fragment.md @@ -4,7 +4,7 @@ title: (<>...) -``, часто используемый с помощью синтаксиса `<>...`, позволяет группировать элементы без создания оберточного узла. +``, часто используемый с помощью синтаксиса `<>...`, позволяет группировать элементы без оборачивания в дополнительный тег. ```js <> @@ -23,7 +23,7 @@ title: (<>...) ### `` {/*fragment*/} -Оберните элементы в ``, чтобы сгруппировать их вместе в тех случаях, когда вам необходим единственный элемент. Группировка элементов с помощью `Fragment` не влияет на конечный DOM; он остается таким же, как если бы элементы не были сгруппированы. Пустой JSX тег `<>` в большинстве случаев является сокращением для ``. +Оберните элементы в ``, чтобы сгруппировать их вместе в тех случаях, когда вам необходим единственный элемент. Группировка элементов с помощью `Fragment` не влияет на конечный DOM; он остается таким же, как если бы элементы не были сгруппированы. Пустой JSX-тег `<>` в большинстве случаев является сокращением для ``. #### Пропсы {/*props*/} @@ -41,7 +41,7 @@ title: (<>...) ### Возвращение нескольких элементов {/*returning-multiple-elements*/} -Используйте `Fragment` или аналогичный синтаксис `<>...`, чтобы сгруппировать несколько элементов. Вы можете использовать его для размещения нескольких элементов в любом месте, где может находиться один элемент. Например, компонент может возвращать только один элемент, но используя Fragment, вы можете сгруппировать несколько элементов вместе и затем вернуть их как группу: +Используйте `Fragment` или аналогичный синтаксис `<>...`, чтобы сгруппировать несколько элементов. Вы можете использовать его для размещения нескольких элементов в любом месте, где может находиться один элемент. Например, компонент может возвращать только один элемент, но используя `Fragment`, вы можете сгруппировать несколько элементов вместе и затем вернуть их как группу: ```js {3,6} function Post() { @@ -54,7 +54,7 @@ function Post() { } ``` -Фрагменты полезны тем, что группировка элементов с их помощью не влияет на отображение элементов на странице или стили, в отличие от случая, когда вы оборачиваете элементы в другой контейнер, например, в DOM элемент. Если вы осмотрите этот пример с помощью инструментов браузера, то увидите, что все DOM узлы `

` и `

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

` и `

` отображаются как соседи без оберток вокруг них: @@ -111,7 +111,7 @@ function Post() { } ``` -В большинстве случаев это не нужно, за исключением ситуаций, когда необходимо [передать `key` фрагменту.](#rendering-a-list-of-fragments) +В большинстве случаев это не нужно, за исключением ситуаций, когда необходимо [передать фрагменту `key`.](#rendering-a-list-of-fragments) @@ -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-элементов, чтобы предоставить атрибут `key`: ```js {3,6} function Blog() { @@ -173,7 +173,7 @@ function Blog() { } ``` -Вы можете осмотреть DOM, чтобы убедиться, что вокруг дочерних элементов фрагмента нет оберток: +Вы можете проверить DOM, чтобы убедиться, что вокруг дочерних элементов фрагмента нет оберток: From 9a9af32a3f6c748bdf00dda2906b07a4930c07c9 Mon Sep 17 00:00:00 2001 From: XamzatJR Date: Mon, 1 May 2023 13:51:44 +0300 Subject: [PATCH 03/10] Update Fragment.md translation --- src/content/reference/react/Fragment.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/content/reference/react/Fragment.md b/src/content/reference/react/Fragment.md index 73bd627b4..6daf46bf6 100644 --- a/src/content/reference/react/Fragment.md +++ b/src/content/reference/react/Fragment.md @@ -4,7 +4,7 @@ title: (<>...) -``, часто используемый с помощью синтаксиса `<>...`, позволяет группировать элементы без оборачивания в дополнительный тег. +``, или `<>...`, позволяет группировать элементы без тега-обертки. ```js <> @@ -23,7 +23,7 @@ title: (<>...) ### `` {/*fragment*/} -Оберните элементы в ``, чтобы сгруппировать их вместе в тех случаях, когда вам необходим единственный элемент. Группировка элементов с помощью `Fragment` не влияет на конечный DOM; он остается таким же, как если бы элементы не были сгруппированы. Пустой JSX-тег `<>` в большинстве случаев является сокращением для ``. +Оберните элементы в ``, чтобы объеденить их, когда вам нужен один элемент. Группировка элементов с помощью `Fragment` не влияет на конечный DOM; он остается таким же, как если бы элементы не были сгруппированы. Пустой JSX-тег `<>` обычно является сокращением для ``. #### Пропсы {/*props*/} @@ -31,7 +31,7 @@ title: (<>...) #### Предостережения {/*caveats*/} -- Если вам необходимо передать `key` фрагменту, вы не можете использовать краткий синтаксис `<>...`. Вы должны явно импортировать `Fragment` из `'react'` и рендерить `...`. +- Если вы хотите передать `key` фрагменту, то воспользоваться краткой формой `<>...` не выйдет. Вы должны явно импортировать `Fragment` из `'react'` и рендерить `...`. - React не [сбрасывает состояние](/learn/preserving-and-resetting-state) когда вы переключаетесь между рендерингом `<>` к `[]` или обратно, или между `<>` и ``. Однако, это работает только на одном уровне вложенности. Например, когда вы переключаетесь от `<><>` к ``, то состояние будет сброшено. Точную семантику можно посмотреть [здесь.](https://gist.github.com/clemmy/b3ef00f9507909429d8aa0d3ee4f986b) @@ -41,7 +41,7 @@ title: (<>...) ### Возвращение нескольких элементов {/*returning-multiple-elements*/} -Используйте `Fragment` или аналогичный синтаксис `<>...`, чтобы сгруппировать несколько элементов. Вы можете использовать его для размещения нескольких элементов в любом месте, где может находиться один элемент. Например, компонент может возвращать только один элемент, но используя `Fragment`, вы можете сгруппировать несколько элементов вместе и затем вернуть их как группу: +Используйте `Fragment` или `<>...`, чтобы сгруппировать несколько элементов. Вы можете применить его для размещения нескольких элементов в любом месте, где может находиться один элемент. Например, компонент может возвращать только один элемент, но используя `Fragment`, можно объеденить несколько элементов, а затем вернуть их: ```js {3,6} function Post() { @@ -54,7 +54,7 @@ function Post() { } ``` -Фрагменты полезны тем, что группировка элементов с их помощью не влияет на отображение элементов на странице или стили, в отличие от случая, когда вы оборачиваете элементы в другой контейнер, например, в DOM-элемент. Если вы проверите этот пример с помощью инструментов браузера, то увидите, что все DOM-узлы `

` и `

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

` и `

` отображаются рядом и без оберток: @@ -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 и убедиться, что дочерние элементы фрагмента ни во что не обернуты: From 8a5ad4a3ea7217d1d3e47611409d77065c886495 Mon Sep 17 00:00:00 2001 From: Khamzat <67521340+XamzatJR@users.noreply.github.com> Date: Wed, 5 Jul 2023 23:47:18 +0300 Subject: [PATCH 04/10] Update src/content/reference/react/Fragment.md Co-authored-by: Nick Tishkevich --- src/content/reference/react/Fragment.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/Fragment.md b/src/content/reference/react/Fragment.md index f7d3e09fd..52b816e1f 100644 --- a/src/content/reference/react/Fragment.md +++ b/src/content/reference/react/Fragment.md @@ -23,7 +23,7 @@ title: (<>...) ### `` {/*fragment*/} -Оберните элементы в ``, чтобы объеденить их, когда вам нужен один элемент. Группировка элементов с помощью `Fragment` не влияет на конечный DOM; он остается таким же, как если бы элементы не были сгруппированы. Пустой JSX-тег `<>` обычно является сокращением для ``. +Оберните элементы в `` для объединения их, когда вам нужен один элемент. Группировка элементов в `Fragment` не влияет на итоговый DOM; оно остаётся таким же, как если бы элементы не были сгруппированы. Пустой JSX-тег `<>` обычно является сокращением для ``. #### Пропсы {/*props*/} From 686d8e13c765b5b6637df81e4c2d044541ac0f89 Mon Sep 17 00:00:00 2001 From: Khamzat <67521340+XamzatJR@users.noreply.github.com> Date: Wed, 5 Jul 2023 23:47:32 +0300 Subject: [PATCH 05/10] Update src/content/reference/react/Fragment.md Co-authored-by: Nick Tishkevich --- src/content/reference/react/Fragment.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/Fragment.md b/src/content/reference/react/Fragment.md index 52b816e1f..39b7c0b78 100644 --- a/src/content/reference/react/Fragment.md +++ b/src/content/reference/react/Fragment.md @@ -27,7 +27,7 @@ title: (<>...) #### Пропсы {/*props*/} -- **необязательный** `key`: Фрагменты объявленные с помощью явного синтаксиса `` могут иметь [ключи.](/learn/rendering-lists#keeping-list-items-in-order-with-key) +- **необязательный** `key`: Фрагменты, объявленные с помощью явного синтаксиса ``, могут иметь [ключи.](/learn/rendering-lists#keeping-list-items-in-order-with-key) #### Предостережения {/*caveats*/} From 4b0aa3e24d2ba0cf70df80b704df552a193b3795 Mon Sep 17 00:00:00 2001 From: Khamzat <67521340+XamzatJR@users.noreply.github.com> Date: Wed, 5 Jul 2023 23:48:01 +0300 Subject: [PATCH 06/10] Update src/content/reference/react/Fragment.md Co-authored-by: Nick Tishkevich --- src/content/reference/react/Fragment.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/Fragment.md b/src/content/reference/react/Fragment.md index 39b7c0b78..3c04bce2a 100644 --- a/src/content/reference/react/Fragment.md +++ b/src/content/reference/react/Fragment.md @@ -33,7 +33,7 @@ title: (<>...) - Если вы хотите передать `key` фрагменту, то воспользоваться краткой формой `<>...` не выйдет. Вы должны явно импортировать `Fragment` из `'react'` и рендерить `...`. -- React не [сбрасывает состояние](/learn/preserving-and-resetting-state) когда вы переключаетесь между рендерингом `<>` к `[]` или обратно, или между `<>` и ``. Однако, это работает только на одном уровне вложенности. Например, когда вы переключаетесь от `<><>` к ``, то состояние будет сброшено. Точную семантику можно посмотреть [здесь.](https://gist.github.com/clemmy/b3ef00f9507909429d8aa0d3ee4f986b) +- React не [сбрасывает состояние](/learn/preserving-and-resetting-state) при переходе от рендеринга `<>` к `[]` или обратно, или при переходе от `<>` к `` или обратно. Это работает только на одном уровне вложенности: например, переход от `<><>` к `` сбрасывает состояние. Точную семантику можно посмотреть [здесь.](https://gist.github.com/clemmy/b3ef00f9507909429d8aa0d3ee4f986b) --- From c2fe8572a447000353f8ad17ec08d13e31c3821b Mon Sep 17 00:00:00 2001 From: Khamzat <67521340+XamzatJR@users.noreply.github.com> Date: Wed, 5 Jul 2023 23:48:24 +0300 Subject: [PATCH 07/10] Update src/content/reference/react/Fragment.md Co-authored-by: Nick Tishkevich --- src/content/reference/react/Fragment.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/Fragment.md b/src/content/reference/react/Fragment.md index 3c04bce2a..c854a64fe 100644 --- a/src/content/reference/react/Fragment.md +++ b/src/content/reference/react/Fragment.md @@ -41,7 +41,7 @@ title: (<>...) ### Возвращение нескольких элементов {/*returning-multiple-elements*/} -Используйте `Fragment` или `<>...`, чтобы сгруппировать несколько элементов. Вы можете применить его для размещения нескольких элементов в любом месте, где может находиться один элемент. Например, компонент может возвращать только один элемент, но используя `Fragment`, можно объеденить несколько элементов, а затем вернуть их: +Используйте `Fragment` или `<>...`, чтобы сгруппировать несколько элементов. Вы можете применить его для размещения нескольких элементов в любом месте, где может находиться один элемент. Например, компонент может возвращать только один элемент, но с помощью `Fragment` можно сгруппировать несколько элементов вместе и затем вернуть их: ```js {3,6} function Post() { From 02f2d28b1b6c9eec1410ebb24bce186543e7b9f2 Mon Sep 17 00:00:00 2001 From: Khamzat <67521340+XamzatJR@users.noreply.github.com> Date: Wed, 5 Jul 2023 23:48:39 +0300 Subject: [PATCH 08/10] Update src/content/reference/react/Fragment.md Co-authored-by: Nick Tishkevich --- src/content/reference/react/Fragment.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/Fragment.md b/src/content/reference/react/Fragment.md index c854a64fe..2a9a874e8 100644 --- a/src/content/reference/react/Fragment.md +++ b/src/content/reference/react/Fragment.md @@ -141,7 +141,7 @@ function CloseDialog() { ### Группировка элементов с текстом {/*grouping-elements-with-text*/} -Вы можете использовать `Fragment` чтобы сгруппировать текст вместе с компонентами: +Вы можете использовать `Fragment` для группировки текста вместе с компонентами: ```js function DateRangePicker({ start, end }) { From 511a9d7092afe164c8b0e5af44fb3c6fea7ab347 Mon Sep 17 00:00:00 2001 From: Khamzat <67521340+XamzatJR@users.noreply.github.com> Date: Wed, 5 Jul 2023 23:48:49 +0300 Subject: [PATCH 09/10] Update src/content/reference/react/Fragment.md Co-authored-by: Nick Tishkevich --- src/content/reference/react/Fragment.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/Fragment.md b/src/content/reference/react/Fragment.md index 2a9a874e8..6b1744100 100644 --- a/src/content/reference/react/Fragment.md +++ b/src/content/reference/react/Fragment.md @@ -54,7 +54,7 @@ function Post() { } ``` -Фрагменты полезны тем, что группировка элементов с их помощью не влияет на отображение элементов на странице или стили, в отличие от случая, когда вы используете в роли контейнера DOM-элемент. Изучив этот пример в браузере с помощью инструментов разработчика, вы увидите, что все DOM-узлы `

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

` и `
` отображаются рядом и без обёрток: From 7e43580b4f71db55be2964fa1a9e05c226cf1b2b Mon Sep 17 00:00:00 2001 From: Khamzat <67521340+XamzatJR@users.noreply.github.com> Date: Wed, 5 Jul 2023 23:48:58 +0300 Subject: [PATCH 10/10] Update src/content/reference/react/Fragment.md Co-authored-by: Nick Tishkevich --- src/content/reference/react/Fragment.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/Fragment.md b/src/content/reference/react/Fragment.md index 6b1744100..41f55c9b1 100644 --- a/src/content/reference/react/Fragment.md +++ b/src/content/reference/react/Fragment.md @@ -94,7 +94,7 @@ function PostBody({ body }) { -#### Как написать фрагмент без использования особого синтаксиса? {/*how-to-write-a-fragment-without-the-special-syntax*/} +#### Как написать фрагмент без специального синтаксиса? {/*how-to-write-a-fragment-without-the-special-syntax*/} Приведенный выше пример эквивалентен импорту `Fragment` из React: