You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Elemkollekciókat kapcsos zárójelek segítségével `{}` készíthetsz és [illeszthetsz JSX-be](/docs/introducing-jsx.html#embedding-expressions-in-jsx).
26
26
27
-
Az alábbiakban egy `numbers`tömböt iterálunk a [`map()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map)függvénnyel. Minden elemhez visszatérítünk egy `<li>` elemet. Végül hozzárendeljük a kapott elemek tömbjét a `listItems`-hez:
27
+
Az alábbiakban egy `numbers`tömbön iterálunk végig a [`map()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map)függvény használatával. Minden elemhez visszaadunk egy `<li>` elemet. Végül hozzárendeljük a kapott elemek tömbjét a `listItems`-hez:
28
28
29
29
```javascript{2-4}
30
30
const numbers = [1, 2, 3, 4, 5];
@@ -70,7 +70,7 @@ ReactDOM.render(
70
70
);
71
71
```
72
72
73
-
Ha ezt a kódot futtatod, egy figyelmeztetést fogsz kapni, hogy minden listaelemnek rendelkeznie kell egy kulccsal. A "key" (kulcs) egy speciális sztring attribútum, amit fel kell vegyél ha listaelemeket készítesz. A következő szekcióban megbeszéljük hogy ez miért is fontos.
73
+
Ha ezt a kódot futtatod, egy figyelmeztetést fogsz kapni, hogy minden listaelemnek rendelkeznie kell egy kulccsal. A "key" (kulcs) egy speciális szöveges attribútum, amit fel kell vegyél ha listaelemeket készítesz. A következő szekcióban megbeszéljük hogy ez miért is fontos.
74
74
75
75
Rendeljünk hozzá egy `key`-t a listaelemeinkhez a `numbers.map()`-en belül, hogy kijavítsuk a kulcs problémát.
76
76
@@ -206,7 +206,7 @@ ReactDOM.render(
206
206
207
207
Egy jó ökölszabály, hogy a `map()`-en belül lévő minden elemnek rendelkeznie kell egy kulccsal.
208
208
209
-
### A kulcsoknak csak testévreik között kell egyedinek lenniük {#keys-must-only-be-unique-among-siblings}
209
+
### A kulcsoknak csak testvéreik között kell egyedinek lenniük {#keys-must-only-be-unique-among-siblings}
210
210
211
211
A kulcsoknak egyedinek kell lenniük testvéreik között. Azonban nem kell, hogy globálisan is egyediek legyenek. Ugyanazokat a kulcsokat használhatjuk két különböző tömb készítése esetén:
212
212
@@ -280,7 +280,7 @@ function NumberList(props) {
280
280
}
281
281
```
282
282
283
-
A JSX lehetővé teszi [bármliyen kifejezés beágyazását](/docs/introducing-jsx.html#embedding-expressions-in-jsx) kapcsos zárójelek között, így a `map()` eredményét is:
283
+
A JSX lehetővé teszi [bármilyen kifejezés beágyazását](/docs/introducing-jsx.html#embedding-expressions-in-jsx) kapcsos zárójelek között, így a `map()` eredményét is:
0 commit comments