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-rules.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -25,7 +25,7 @@ Ennek a szabálynak a betartásával gondoskodsz róla, hogy minden állapottelj
25
25
26
26
## ESLint Plugin {#eslint-plugin}
27
27
28
-
Kiadtunk egy ESLint plugint [`eslint-plugin-react-hooks`](https://www.npmjs.com/package/eslint-plugin-react-hooks) néven, ami ezt a két szabályt segít betartani. ha ki szeretnéd próbálni, hoígy tudod hozzáadni a projektedhez:
28
+
Kiadtunk egy ESLint plugint [`eslint-plugin-react-hooks`](https://www.npmjs.com/package/eslint-plugin-react-hooks) néven, ami ezt a két szabályt segít betartani. Ha ki szeretnéd próbálni, így tudod hozzáadni a projektedhez:
29
29
30
30
Ezt a plugint a [Create React App](/docs/create-a-new-react-app.html#create-react-app) alapból tartalmazza.
Ahogy [korábban megtanultuk](/docs/hooks-state.html#tip-using-multiple-state-variables), egy komponensben egyszerre több Állapot és Hatás Horgod it használhatunk:
55
+
Ahogy [korábban megtanultuk](/docs/hooks-state.html#tip-using-multiple-state-variables), egy komponensben egyszerre több Állapot és Hatás Horgot is használhatunk:
56
56
57
57
```js
58
58
functionForm() {
@@ -76,7 +76,7 @@ function Form() {
76
76
}
77
77
```
78
78
79
-
Szóval hogyan is tudja a React, hogy melyik állapothoz melyik melyik `useState` hívás tartozik? A válasz, hogy **a React a Horgok meghívásának sorrendjére hagyatkozik**. A példánk azélrt működik, mert a Horgok meghívásának sorrendje minden renderelés során ugyanaz:
79
+
Szóval hogyan is tudja a React, hogy melyik állapothoz melyik `useState` hívás tartozik? A válasz, hogy **a React a Horgok meghívásának sorrendjére hagyatkozik**. A példánk azért működik, mert a Horgok meghívásának sorrendje minden renderelés során ugyanaz:
80
80
81
81
```js
82
82
// ------------
@@ -98,7 +98,7 @@ useEffect(updateTitle) // 4. Cseréld ki a hatást a cím frissítéséért
98
98
// ...
99
99
```
100
100
101
-
Egészen addig, amíg a Horgok meghívása nem változik a renderelések között, a React asszociálni tudja a helyi állapotokat ezekkel. De mi történik, ha az egyik Horog mehívását (például a `persistForm` hatást) egy feltételbe tesszük?
101
+
Egészen addig, amíg a Horgok meghívása nem változik a renderelések között, a React asszociálni tudja a helyi állapotokat ezekkel. De mi történik, ha az egyik Horog meghívását (például a `persistForm` hatást) egy feltételbe tesszük?
102
102
103
103
```js
104
104
// 🔴 Ezzel megszegjük az első szabályt, mivel a Horgot egy feltételben használjuk
@@ -118,7 +118,7 @@ useState('Poppins') // 🔴 2 (de az előbb 3 volt). Nem tudja kiolvasni
118
118
useEffect(updateTitle) // 🔴 3 (de az előbb 4 volt). Nem tudja kicserélni a hatást
119
119
```
120
120
121
-
A React nem tudhatta, hogy mit adjon vissza a második `useState` Horog meghívásakor. A React arra számított, hogy a komponensben lévő második Horog meghívása a `persistForm`hatásnaak felel meg, ahogyan az előző rendereléskor is, de most már nem ez a helyzet. Mostantól minden Horog meghívás a kihagyás után el van csúszva eggyel, ami hibákhoz vezet.
121
+
A React nem tudhatta, hogy mit adjon vissza a második `useState` Horog meghívásakor. A React arra számított, hogy a komponensben lévő második Horog meghívása a `persistForm`hatásnak felel meg, ahogyan az előző rendereléskor is, de most már nem ez a helyzet. Mostantól minden Horog meghívás a kihagyás után el van csúszva eggyel, ami hibákhoz vezet.
122
122
123
123
**Ezért kell, hogy a Horgok csak a komponensünk legfelsőbb szintjén legyenek meghívva.** Ha egy hatást feltételesen szeretnénk futtatni, vigyük át a feltételt a Horgon *belülre*:
124
124
@@ -135,4 +135,4 @@ A React nem tudhatta, hogy mit adjon vissza a második `useState` Horog meghív
135
135
136
136
## Következő lépések {#next-steps}
137
137
138
-
Végre, készen állunk [saját Horgaid írásának](/docs/hooks-custom.html) tanulására! Az Egyedi Horgok lehetővé teszik a React által szolgáltatott Horgokat saját absztrakcicióidba kombinálni, és állapotteljes logika újrafelhasználását különböző komponensek között.
138
+
Végre, készen állunk [saját Horgaid írásának](/docs/hooks-custom.html) tanulására! Az Egyedi Horgok lehetővé teszik a React által szolgáltatott Horgokat saját absztrakcióidba kombinálni, és állapotteljes logika újrafelhasználását különböző komponensek között.
0 commit comments