Skip to content

Commit

Permalink
Comments fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
zubialevich committed Aug 19, 2023
1 parent d3b46e2 commit 3d53b18
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions src/content/learn/rendering-lists.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ title: Рэндэрынг спісаў

* Як рэндэрыць кампаненты з масіву з дапамогай метаду `map()`
* Як рэндэрыць толькі пэўныя кампаненты з дапамогай метаду `filter()`
* Калі і навошта выкарыстоўваць React ключы
* Калі і навошта выкарыстоўваць ключы ў React

</YouWillLearn>

Expand All @@ -30,7 +30,7 @@ title: Рэндэрынг спісаў
</ul>
```

Адзіная розніца паміж гэтымі пунктамі спісу - іх змест, іх даныя. Пры стварэнні інтэрфейсаў часта трэба паказваць некалькі асобнікаў аднаго і таго ж кампанента, выкарыстоўваючы розныя даныя: ад спісаў каментарыяў да галерэй відарысаў профілю. У такіх сітуацыях вы можаце захоўваць гэтыя даныя ў аб'ектах і масівах JavaScript і выкарыстоўваць такія метады, як [`map()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map) і [`filter()`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/filter), каб рэндэрыць з іх спісы кампанентаў.
Адзіная розніца паміж гэтымі пунктамі спісу іх змест, іх даныя. Пры стварэнні інтэрфейсаў часта трэба паказваць некалькі асобнікаў аднаго і таго ж кампанента, выкарыстоўваючы розныя даныя: ад спісаў каментарыяў да галерэй відарысаў профілю. У такіх сітуацыях вы можаце захоўваць гэтыя даныя ў аб'ектах і масівах JavaScript і выкарыстоўваць такія метады, як [`map()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map) і [`filter()`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/filter), каб рэндэрыць з іх спісы кампанентаў.

Вось кароткі прыклад таго, як стварыць спіс элементаў з масіву:

Expand Down Expand Up @@ -378,7 +378,7 @@ img { width: 100px; height: 100px; border-radius: 50%; }

Што рабіць, калі кожны элемент павінен адлюстроўваць не адзін, а некалькі вузлоў DOM?

Скарочаны сінтаксіс [`<>...</>` фрагмента](/reference/react/Fragment) не дазволіць вам перадаць ключ, таму вам трэба альбо згрупаваць іх у адзін `<div>`, альбо выкарыстоўваць крыху даўжэйшы і [больш выразны сінтаксіс `<Fragment>`:](/reference/react/Fragment#rendering-a-list-of-fragments)
Скарочаны сінтаксіс [фрагмента `<>...</>`](/reference/react/Fragment) не дазволіць вам перадаць ключ, таму вам трэба альбо згрупаваць іх у адзін `<div>`, альбо выкарыстоўваць крыху даўжэйшы і [больш выразны сінтаксіс `<Fragment>`:](/reference/react/Fragment#rendering-a-list-of-fragments)

```js
import { Fragment } from 'react';
Expand Down

0 comments on commit 3d53b18

Please sign in to comment.