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
Copy file name to clipboardExpand all lines: content/docs/hooks-state.md
+6-6
Original file line number
Diff line number
Diff line change
@@ -82,7 +82,7 @@ function Example(props) {
82
82
}
83
83
```
84
84
85
-
Ezeket előzőleg "állapot nélküli komponenseknek" hívtuk. Mostantól kezdve viszont már használhatsz állapotot is ezekben, így ezentúl inkább "függvénykomponensekként" hívatkozunk rájuk.
85
+
Ezeket előzőleg "állapot nélküli komponenseknek" hívtuk. Mostantól kezdve viszont már használhatsz állapotot is ezekben, így ezentúl inkább "függvénykomponensekként" hivatkozunk rájuk.
86
86
87
87
A Horgok **nem** működnek osztályokon belül. De használhatod őket osztályok helyett.
88
88
@@ -226,29 +226,29 @@ Már valószínűleg észrevetted a szögletes zárójeleket, amikor egy állapo
226
226
const [count, setCount] =useState(0);
227
227
```
228
228
229
-
A baloldai nevek nem részei a React API-nek. Ezeket bárhogy hívhatod:
229
+
A baloldali nevek nem részei a React API-nek. Ezeket bárhogy hívhatod:
230
230
231
231
```js
232
232
const [fruit, setFruit] =useState('banana');
233
233
```
234
234
235
-
Ezt a JavaScript szintaxist ["tömb lebontásnak"](https://developer.mozilla.org/hu/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Array_destructuring) hívjuk. Ez azt jelenti, hogy két új változót csinálunk, ami `fruit` és `setFruit` lesz, ahol a `fruit` az első értéke lesz annak, amit a `useState`visszad és `setFruit` a második. Ez ekvivalens ezzel a kóddal:
235
+
Ezt a JavaScript szintaxist ["tömb lebontásnak"](https://developer.mozilla.org/hu/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Array_destructuring) hívjuk. Ez azt jelenti, hogy két új változót csinálunk, ami `fruit` és `setFruit` lesz, ahol a `fruit` az első értéke lesz annak, amit a `useState`visszaad és `setFruit` a második. Ez ekvivalens ezzel a kóddal:
236
236
237
237
```js
238
238
var fruitStateVariable =useState('banana'); // Egy párt ad vissza
239
239
var fruit = fruitStateVariable[0]; // Az első változó
240
240
var setFruit = fruitStateVariable[1]; // A második változó
241
241
```
242
242
243
-
Amikor `useState`-tel deklarálunk egy új állapotváltozót, egy párt fog visszadni — egy tömböt két elemmel. Az első elem a jelenlegi érték, a második egy függvény, amivel az értéket módosíthatjuk. A `[0]` és `[1]` használata kissé zavaró, mivel ennek sajátos jelentése van. Ezért inkább a tömb lebontást használjuk.
243
+
Amikor `useState`-tel deklarálunk egy új állapotváltozót, egy párt fog visszaadni — egy tömböt két elemmel. Az első elem a jelenlegi érték, a második egy függvény, amivel az értéket módosíthatjuk. A `[0]` és `[1]` használata kissé zavaró, mivel ennek sajátos jelentése van. Ezért inkább a tömb lebontást használjuk.
244
244
245
245
>Megjegyzés
246
246
>
247
247
>Lehet, hogy kíváncsi vagy, hogy honnan tudja a React, hogy melyik `useState` hívás melyik komponensnek felel meg, mivel nem adunk át semmiféle `this`-t a Reactnek. Ezt a kérdést [itt fogjuk megválaszolni](/docs/hooks-faq.html#how-does-react-associate-hook-calls-with-components) több más kérdéssel együtt a GY.I.K. oldalon.
248
248
249
249
### Tipp: Több állapotváltozó használata {#tip-using-multiple-state-variables}
250
250
251
-
Állapotváltozók `[something, setSomething]`párkét való definiálása azért is hasznos, mivel *különböző* neveket tudunk adni különböző állapotváltozóknak, ha többet is szeretnénk használni:
251
+
Állapotváltozók `[something, setSomething]`párként való definiálása azért is hasznos, mivel *különböző* neveket tudunk adni különböző állapotváltozóknak, ha többet is szeretnénk használni:
252
252
253
253
```js
254
254
functionExampleWithManyStates() {
@@ -267,7 +267,7 @@ A fenti komponensben van egy `age`, `fruit` és `todos` lokális változónk, é
267
267
}
268
268
```
269
269
270
-
Nem **kell** több változót használnod. Az állapotváltozók objektumokat és tömböket is tudnak tárolni, így az összetartozó adatokat egy helyen tudod tárolni. Viszont az oszálybeli`this.setState`-tel ellentétben a módosítás mindig *lecseréli* az állapotot az összefésülés helyett.
270
+
Nem **kell** több változót használnod. Az állapotváltozók objektumokat és tömböket is tudnak tárolni, így az összetartozó adatokat egy helyen tudod tárolni. Viszont az osztálybeli`this.setState`-tel ellentétben a módosítás mindig *lecseréli* az állapotot az összefésülés helyett.
271
271
272
272
Több ajánlást is olvashatsz a független állapotváltozók felosztásáról [a GY.I.K.-ben](/docs/hooks-faq.html#should-i-use-one-or-many-state-variables).
0 commit comments