Skip to content

Commit

Permalink
Finished translation of Fragment page
Browse files Browse the repository at this point in the history
  • Loading branch information
syavik2001 committed May 8, 2023
1 parent 8f117dc commit fbc24a5
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions src/content/reference/react/Fragment.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ title: <Fragment> (<>...</>)

<Intro>

`<Fragment>`, часто використовується за допомогою синтаксису `<>...</>`, дозволяє групувати елементи без обгорткового вузла.
`<Fragment>`, часто використовується за допомогою синтаксису `<>...</>`, дозволяє групувати елементи без елементу-обгортки.

```js
<>
Expand All @@ -23,7 +23,7 @@ title: <Fragment> (<>...</>)

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

Огорніть елементи у `<Fragment>` щоб групувати їх разом в ситуаціях, коли вам потрібен один елемент. Групування елементів у `Fragment` не впливає на результуючий DOM; це так само, як і якщо елементи не були згруповані. Порожній тег JSX `<></>` є скороченням для `<Fragment></Fragment>` у більшості випадків.
Огорніть елементи у `<Fragment>` щоб групувати їх разом в ситуаціях, коли вам потрібен один елемент. Групування елементів у `Fragment` не впливає на результуючий DOM; це так само, як і якщо елементи не були згруповані. У більшості випадків, порожній тег JSX `<></>` є скороченням для `<Fragment></Fragment>` .

#### Пропси {/*props*/}

Expand Down Expand Up @@ -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() {
Expand Down

0 comments on commit fbc24a5

Please sign in to comment.