Skip to content

Commit 73712d5

Browse files
Apply suggestions from code review
Co-Authored-By: Gergely Nagy <gergely.nagy.contact@gmail.com>
1 parent c8cf36d commit 73712d5

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

Diff for: content/docs/components-and-props.md

+7-7
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ next: state-and-lifecycle.html
1818

1919
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.
2020

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

2323
## Függvény és Osztály komopnensek {#function-and-class-components}
2424

@@ -30,7 +30,7 @@ function Welcome(props) {
3030
}
3131
```
3232

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

3535
Emellett használhatsz [ES6 osztályokat](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes) is komponensek definiálásához:
3636

@@ -44,7 +44,7 @@ class Welcome extends React.Component {
4444

4545
A React szemszögéből a fenti két komponens egymással megegyező.
4646

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

4949
## Egy komponens renderelése {#rendering-a-component}
5050

@@ -82,12 +82,12 @@ Foglaljuk össze mi történik ebben a példában:
8282

8383
1. Meghívjuk a `ReactDOM.render()` metódust a `<Welcome name="Sára" />` elemmel.
8484
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.
8686
4. A React DOM hatékonyan frissíti a DOM-ot hogy az megegyezzen a `<h1>Helló, Sára</h1>`-val.
8787

8888
>**Megjegyzés:** A komponensek neveit mindig nagybetűvel kezdd.
8989
>
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.
9191
>
9292
>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.
9393
@@ -156,7 +156,7 @@ function Comment(props) {
156156

157157
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.
158158

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

161161
Először is kivonjuk az `Avatar` komponenst:
162162

@@ -247,7 +247,7 @@ function sum(a, b) {
247247

248248
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.
249249

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

252252
```js
253253
function withdraw(account, amount) {

0 commit comments

Comments
 (0)