Skip to content

Commit 1f0f5b8

Browse files
Apply suggestions from code review
Co-Authored-By: Orsi <[email protected]>
1 parent 202ff95 commit 1f0f5b8

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

content/docs/reference-react.md

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ A `React` több API-t is kínál elemek manipulálásához:
4949

5050
### Töredékek {#fragments}
5151

52-
Ahhoz, hogy több elemet tudj egyszerre renderelni anélkül hogy azokat becsomagolnád egy másik komponensbe, a `React` egy saját komponenst szolgáltat.
52+
Ahhoz, hogy több elemet tudj egyszerre renderelni anélkül, hogy azokat becsomagolnád egy másik komponensbe, a `React` egy saját komponenst szolgáltat.
5353

5454
- [`React.Fragment`](#reactfragment)
5555

@@ -110,7 +110,7 @@ Ha a React komponensed `render()` függvénye ugyanazt az eredményt rendereli u
110110

111111
> Megjegyzés
112112
>
113-
> A `React.PureComponent` `shouldComponentUpdate()` metódusa csak sekély objektum összehasonlítást végez. Ha az objektumok komplex adatstruktúrákat tartalmaznak, az hamisan negatívat eredményezhet mélyebb különbségek esetében. Csak akkor terjessz ki a `PureComponent`-el, ha egyszerű propokra és állapotra számítasz, vagy használd a [`forceUpdate()`](/docs/react-component.html#forceupdate) metódust ha tudod hogy a mély adatstruktúrák megváltoztak. Vagy vedd fontolóra [megváltoztathatatlan objektumok](https://facebook.github.io/immutable-js/) használatát a mélyebb adatstruktúrák gyors összehasonlításának megkönnyítése érdekében.
113+
> A `React.PureComponent` `shouldComponentUpdate()` metódusa csak sekély objektum összehasonlítást végez. Ha az objektumok komplex adatstruktúrákat tartalmaznak, az hamisan negatívat eredményezhet mélyebb különbségek esetében. Csak akkor terjessz ki a `PureComponent`-el, ha egyszerű propokra és állapotra számítasz, vagy használd a [`forceUpdate()`](/docs/react-component.html#forceupdate) metódust ha tudod, hogy a mély adatstruktúrák megváltoztak. Vagy vedd fontolóra [megváltoztathatatlan objektumok](https://facebook.github.io/immutable-js/) használatát a mélyebb adatstruktúrák gyors összehasonlításának megkönnyítése érdekében.
114114
>
115115
> Továbbá a `React.PureComponent` `shouldComponentUpdate()` metódusa kihagyja a prop frissítéseket a komponens teljes alfája esetén. Bizonyosodj meg róla, hogy a komponens minden gyermeke szintúgy "tiszta" (pure).
116116
@@ -167,7 +167,7 @@ React.createElement(
167167

168168
Egy adott típusú [React elemet](/docs/rendering-elements.html) készít és ad vissza. A type argumentum lehet egy címke név sztring (mint például `'div'` vagy `'span'`), egy [React komponens](/docs/components-and-props.html) típus (akár osztály vagy függvény), vagy egy [React töredék](#reactfragment) típus.
169169

170-
A [JSX](/docs/introducing-jsx.html)-ben írt kód át lesz konvertálva, hogy az a `React.createElement()`-et használja. Ha JSX-et használsz, a `React.createElement()`-et tipikusan nem kell közvetlenül meghívnod. Nézd meg a [React JSX nélkül](/docs/react-without-jsx.html) fejezetet ha többet akarsz megtudni.
170+
A [JSX](/docs/introducing-jsx.html)-ben írt kód át lesz konvertálva, hogy az a `React.createElement()`-et használja. Ha JSX-et használsz, a `React.createElement()`-et tipikusan nem kell közvetlenül meghívnod. Nézd meg a [React JSX nélkül](/docs/react-without-jsx.html) fejezetet, ha többet akarsz megtudni.
171171

172172
* * *
173173

@@ -189,7 +189,7 @@ A `React.cloneElement()` majdnem ekvivalens ezzel:
189189
<element.type {...element.props} {...props}>{children}</element.type>
190190
```
191191

192-
De a `ref` attribútumokat is megőrzi. Ez azt jelenti, hogy ha egy olyan gyermeket kapsz ami rendelkezik `ref`-el, akkor azt nem fogod véletlenül sem ellopni az ősöktől. Az új elemhez ugyanaz a `ref` lesz hozzákapcsolva.
192+
De a `ref` attribútumokat is megőrzi. Ez azt jelenti, hogy ha egy olyan gyermeket kapsz, ami rendelkezik `ref`-el, akkor azt nem fogod véletlenül sem ellopni az ősöktől. Az új elemhez ugyanaz a `ref` lesz hozzákapcsolva.
193193

194194
Ez az API az elavult `React.addons.cloneWithProps()` leváltására lett létrehozva.
195195

@@ -203,9 +203,9 @@ React.createFactory(type)
203203

204204
Egy függvényt ad vissza ami bizonyos típusú React elemeket produkál. Mint ahogy a [`React.createElement()`](#createelement) esetében is, a type argumentum lehet egy címke név sztring (mint például `'div'` vagy `'span'`), egy [React komponens](/docs/components-and-props.html) típus (akár osztály vagy függvény), vagy egy [React töredék](#reactfragment) típus.
205205

206-
Ez a segédfüggvény egy korábbról örökölt függvénynek számít, és arra biztatunk hogy inkább használj JSX-et, vagy közvetlenül a `React.createElement()`-et.
206+
Ez a segédfüggvény egy korábbról örökölt függvénynek számít, és arra biztatunk, hogy inkább használj JSX-et, vagy közvetlenül a `React.createElement()`-et.
207207

208-
Ha JSX-et használsz, a `React.createFactory()`-t általában nem fogod közvetlenül meghívni. Nézd meg a [React JSX nélkül](/docs/react-without-jsx.html) fejezetet ha többet akarsz megtudni.
208+
Ha JSX-et használsz, a `React.createFactory()`-t általában nem fogod közvetlenül meghívni. Nézd meg a [React JSX nélkül](/docs/react-without-jsx.html) fejezetet, ha többet akarsz megtudni.
209209

210210
* * *
211211

@@ -221,7 +221,7 @@ Azt ellenőrzi, hogy az objektum érvényes React elemnek minősül-e. `true` va
221221

222222
### `React.Children` {#reactchildren}
223223

224-
A `React.Children` segédeszközként szolgál ha a nem áttetsző `this.props.children` adatstruktúrával kell dolgozni.
224+
A `React.Children` segédeszközként szolgál, ha a nem áttetsző `this.props.children` adatstruktúrával kell dolgozni.
225225

226226
#### `React.Children.map` {#reactchildrenmap}
227227

@@ -297,17 +297,17 @@ Használhatod a gyorsított `<></>` szintaxissal is. Még több információért
297297

298298
### `React.createRef` {#reactcreateref}
299299

300-
A `React.createRef` egy [ref](/docs/refs-and-the-dom.html)-et hoz létre amit a ref attribútummal csatolhatunk React elemekhez.
300+
A `React.createRef` egy [ref](/docs/refs-and-the-dom.html)-et hoz létre, amit a ref attribútummal csatolhatunk React elemekhez.
301301
`embed:16-3-release-blog-post/create-ref-example.js`
302302

303303
### `React.forwardRef` {#reactforwardref}
304304

305-
A `React.forwardRef` egy React komponenst hoz létre ami továbbadja a [ref](/docs/refs-and-the-dom.html) attribútumot amit kap egy másik komponensnek lejjebb a komponensfában. Ezt nem gyakran kell alkalmazni, de két speciális esetben hasznos tud lenni:
305+
A `React.forwardRef` egy React komponenst hoz létre, ami továbbadja a kapott [ref](/docs/refs-and-the-dom.html) attribútumot egy másik komponensnek lejjebb a komponensfában. Ezt nem gyakran kell alkalmazni, de két speciális esetben hasznos tud lenni:
306306

307307
* [Refek továbbítása DOM elemeknek](/docs/forwarding-refs.html#forwarding-refs-to-dom-components)
308308
* [Refek továbbítása felsőbb rendű komponenseknek](/docs/forwarding-refs.html#forwarding-refs-in-higher-order-components)
309309

310-
A `React.forwardRef` egy renderelő függvényt fogad argumentumként. A React ezt a függvényt hívja meg a `props` és `ref` argumentumokkal. Ez a függvény egy React csomópontot kell hogy visszaadjon.
310+
A `React.forwardRef` egy renderelő függvényt fogad argumentumként. A React ezt a függvényt hívja meg a `props` és `ref` argumentumokkal. Ez a függvény egy React csomópontot kell, hogy visszaadjon.
311311

312312
`embed:reference-react-forward-ref.js`
313313

@@ -319,7 +319,7 @@ További információért nézd meg a [refek továbbítása](/docs/forwarding-re
319319

320320
### `React.lazy` {#reactlazy}
321321

322-
A `React.lazy()` segítségével egy dinamikusan betöltődő komponenst tudsz definiálni. Ez segít csökkenteni az összecsomagolt kód méretét úgy, hogy a kezdetleges renderelés által nem használt komponensek betöltése késleltetve lesznek.
322+
A `React.lazy()` segítségével egy dinamikusan betöltődő komponenst tudsz definiálni. Ez segít csökkenteni az összecsomagolt kód méretét úgy, hogy a kezdetleges renderelés által nem használt komponensek betöltése késleltetve lesz.
323323

324324
A használatáról többet tanulhatsz a [kód felvágás dokumentációban](/docs/code-splitting.html#reactlazy). Valószínűleg [ezt a cikket](https://medium.com/@pomber/lazy-loading-and-preloading-components-in-react-16-6-804de091c82d) is megnézheted, ami részletesebben is elmagyarázza a használatot.
325325

@@ -328,11 +328,11 @@ A használatáról többet tanulhatsz a [kód felvágás dokumentációban](/doc
328328
const SomeComponent = React.lazy(() => import('./SomeComponent'));
329329
```
330330

331-
Jegyezd meg, hogy a `lazy` komponensek renderelése megköveteli, hogy valahol feljebb a komponensfában legyen egy `<React.Suspense>`. Így tudsz megadni egy betöltés indikátort.
331+
Megjegyzendő, hogy a `lazy` komponensek renderelése megköveteli, hogy valahol feljebb a komponensfában legyen egy `<React.Suspense>`. Így tudsz megadni egy betöltés indikátort.
332332

333333
> **Megjegyzés**
334334
>
335-
> A `React.lazy` használata dinamikus import segítségével megköveteli hogy a Promise objektum elérhető legyen a JS környezetben. Ez IE11 és az alatt egy polyfill használatát követeli meg.
335+
> A `React.lazy` használata dinamikus import segítségével megköveteli, hogy a Promise objektum elérhető legyen a JS környezetben. Ez IE11 és az alatt egy polyfill használatát követeli meg.
336336

337337
### `React.Suspense` {#reactsuspense}
338338

0 commit comments

Comments
 (0)