Skip to content

Commit 26b3b7f

Browse files
Apply suggestions from code review
Co-Authored-By: Orsi <[email protected]>
1 parent c2964f8 commit 26b3b7f

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

content/docs/hooks-rules.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ Ennek a szabálynak a betartásával gondoskodsz róla, hogy minden állapottelj
2525

2626
## ESLint Plugin {#eslint-plugin}
2727

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:
2929

3030
Ezt a plugint a [Create React App](/docs/create-a-new-react-app.html#create-react-app) alapból tartalmazza.
3131

@@ -52,7 +52,7 @@ npm install eslint-plugin-react-hooks --save-dev
5252

5353
## Magyarázat {#explanation}
5454

55-
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:
5656

5757
```js
5858
function Form() {
@@ -76,7 +76,7 @@ function Form() {
7676
}
7777
```
7878

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:
8080

8181
```js
8282
// ------------
@@ -98,7 +98,7 @@ useEffect(updateTitle) // 4. Cseréld ki a hatást a cím frissítéséért
9898
// ...
9999
```
100100

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?
102102

103103
```js
104104
// 🔴 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
118118
useEffect(updateTitle) // 🔴 3 (de az előbb 4 volt). Nem tudja kicserélni a hatást
119119
```
120120

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.
122122

123123
**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*:
124124

@@ -135,4 +135,4 @@ A React nem tudhatta, hogy mit adjon vissza a második `useState` Horog meghív
135135

136136
## Következő lépések {#next-steps}
137137

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

Comments
 (0)