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/components-and-props.md
+7-7
Original file line number
Diff line number
Diff line change
@@ -18,7 +18,7 @@ next: state-and-lifecycle.html
18
18
19
19
A komponensek lehetővé teszik számodra a felhasználói felület független, újrafelhasználható darabokra való felosztását, és segítnek hogy minden darabról a többitől elzártan tudj gondolkodni. Ez az oldal a komponensek lényegét mutatja be. A [részletes komponens API referenciát itt](/docs/react-component.html) találod.
20
20
21
-
Elviekben a komponensek olyanok mint a JavaScript függvények. Egy tetszőleges számú inputot fogadnak (amiket "prop"-oknak hívunk) és egy React elemet térítenek vissza ami leírja mi jelenjen meg a képernyőn.
21
+
Elviekben a komponensek olyanok mint a JavaScript függvények. Egy tetszőleges számú inputot fogadnak (amiket "prop"-oknak hívunk) és egy React elemet adnak vissza ami leírja mi jelenjen meg a képernyőn.
22
22
23
23
## Függvény és Osztály komopnensek {#function-and-class-components}
24
24
@@ -30,7 +30,7 @@ function Welcome(props) {
30
30
}
31
31
```
32
32
33
-
Ez a függvény egy érvényes React komponens, mivel egyetlen "props" (angol properties, vagy tulajdonságok) objektum argumentuma van ami adatot tartalmaz, és egy React elemet térít vissza. Egy ilyen komponenst hívunk "függvény komponensnek", mert szó szerint csak egy JavaScript függvény.
33
+
Ez a függvény egy érvényes React komponens, mivel egyetlen "props" (angol properties, vagy tulajdonságok) objektum argumentuma van ami adatot tartalmaz, és egy React elemet ad vissza. Egy ilyen komponenst hívunk "függvény komponensnek", mert szó szerint csak egy JavaScript függvény.
34
34
35
35
Emellett használhatsz [ES6 osztályokat](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes) is komponensek definiálásához:
36
36
@@ -44,7 +44,7 @@ class Welcome extends React.Component {
44
44
45
45
A React szemszögéből a fenti két komponens egymással megegyező.
46
46
47
-
Az osztályok rendelkeznek pár extra funkcióval, amit a [következő fejezetekben](/docs/state-and-lifecycle.html) beszélünk ki. Addig is a függvény komponenseket használjuk, mivel olyan tömörek.
47
+
Az osztályok rendelkeznek pár extra funkcióval, amit a [következő fejezetekben](/docs/state-and-lifecycle.html) beszélünk ki. Addig is a függvény komponenseket használjuk tömörségük miatt.
48
48
49
49
## Egy komponens renderelése {#rendering-a-component}
50
50
@@ -82,12 +82,12 @@ Foglaljuk össze mi történik ebben a példában:
82
82
83
83
1. Meghívjuk a `ReactDOM.render()` metódust a `<Welcome name="Sára" />` elemmel.
84
84
2. A React meghívja a `Welcome` komponenst a `{name: 'Sára'}` props objektummal.
85
-
3. A `Welcome` komponensünk visszatéríti a `<h1>Helló, Sára</h1>` elemet eredményként.
85
+
3. A `Welcome` komponensünk visszaadja a `<h1>Helló, Sára</h1>` elemet eredményként.
86
86
4. A React DOM hatékonyan frissíti a DOM-ot hogy az megegyezzen a `<h1>Helló, Sára</h1>`-val.
87
87
88
88
>**Megjegyzés:** A komponensek neveit mindig nagybetűvel kezdd.
89
89
>
90
-
>Azokat a kopmonenseket amik kisbetűvel kezdődnek, a React szimpla DOM címkékként kezeli. Például a `<div />` egy HTML div címkét képvisel, de a `<Welcome />` egy komponenst, és szükséges, hogy a `Welcome` a hatókörben legyen.
90
+
>Azokat a komponenseket amik kisbetűvel kezdődnek, a React szimpla DOM címkékként kezeli. Például a `<div />` egy HTML div címkét képvisel, de a `<Welcome />` egy komponenst, és szükséges, hogy a `Welcome` a hatókörben legyen.
91
91
>
92
92
>Ha többet szeretnél megtudni ezen közös megegyezés mögötti érvelésről, olvasd el a [JSX-ről mélyebben](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized) részt.
93
93
@@ -156,7 +156,7 @@ function Comment(props) {
156
156
157
157
Ez fogad egy `author` (objektumot), `text` (karakterláncot), és `date` (dátumot) props-ként, és egy kommentet ír le egy közösségi média weblapon.
158
158
159
-
Ezt a komponenst furfangos lehet megváltoztatni a sok egymásba ágyazás miatt, és nehéz is újrafelhasználi az egyedülálló részeit. Vonjunk ki egy pár komponenst belőle.
159
+
Ezt a komponenst furfangos lehet megváltoztatni a sok egymásba ágyazás miatt, és nehéz is újrafelhasználni az egyedülálló részeit. Vonjunk ki egy pár komponenst belőle.
160
160
161
161
Először is kivonjuk az `Avatar` komponenst:
162
162
@@ -247,7 +247,7 @@ function sum(a, b) {
247
247
248
248
Egy ilyen függvényt ["tiszta"](https://hu.wikipedia.org/wiki/Tiszta_függvény) függvénynek nevezünk, mert nem kísérli meg megváltoztatni a bemenetét, és mindig ugyanazt az eredményt adja ugyanazon bemenet esetében.
249
249
250
-
Összehasonlítás képpen ez a függvény nem tiszta, mert megváltoztatja a saját bemenetét:
250
+
Összehasonlításképpen ez a függvény nem tiszta, mert megváltoztatja a saját bemenetét:
0 commit comments