Skip to content

Commit dcbb97c

Browse files
committed
improved and more consistent wording
1 parent 188d924 commit dcbb97c

File tree

1 file changed

+27
-27
lines changed

1 file changed

+27
-27
lines changed

content/docs/reference-react.md

Lines changed: 27 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ redirect_from:
1313
- "docs/top-level-api-zh-CN.html"
1414
---
1515

16-
A `React` a belépési pont a React könyvtárba. Ha a React-t egy `<script>` tag segítségével töltöd be, ezek a legfelsőbb szintű API-k a `React` globális változón keresztül lesznek elérhetőek. ES6 és npm esetében írhatod ezt: `import React from 'react'`. ES5 és npm esetében pedig írhatod az következőt: `var React = require('react')`.
16+
A `React` a belépési pont a React könyvtárba. Amennyiben a Reactet egy <script> tag segítségével töltöd be, ezek a legfelsőbb szintű API-k a `React` globális változón keresztül lesznek elérhetőek. ES6 és npm esetében írhatod ezt: import React from 'react'. ES5 és npm esetében pedig írhatod az következőt: var React = require('react').
1717

1818
## Áttekintés {#overview}
1919

@@ -24,20 +24,20 @@ A React komponensek segítéségével a kezelőfelületet feldarabolhatod függe
2424
- [`React.Component`](#reactcomponent)
2525
- [`React.PureComponent`](#reactpurecomponent)
2626

27-
Ha nem használsz ES6 osztályokat, használhatod a `create-react-class` modult. Több információért lásd: [A React használata ES6 nélkül](/docs/react-without-es6.html).
27+
Ha nem használsz ES6 osztályokat, használhatod a `create-react-class` modult. Több információért lásd: [A React használata ES6 nélkül](/docs/react-without-es6.html) fejezetet.
2828

2929
A React komponensek függvényekként is definiálhatóak, amiket be is tudunk csomagolni:
3030

3131
- [`React.memo`](#reactmemo)
3232

3333
### React elemek készítése {#creating-react-elements}
3434

35-
Ahhoz hogy leírd hogyan is nézzen ki a kezelőfelületed, a [JSX használatát](/docs/introducing-jsx.html) ajánljuk. Minden JSX elem csak szintaktikus cukor a [`React.createElement()`](#createelement) meghívásához. Ha JSX-t használsz, a következő metódusokat nem fogod közvetlenül meghívni.
35+
A kezelőfelületed leírásához a [JSX használatát](/docs/introducing-jsx.html) ajánljuk. Minden JSX elem csak szintaktikus cukor a [`React.createElement()`](#createelement) meghívásához. Ha JSX-t használsz, a következő metódusokat nem fogod közvetlenül meghívni.
3636

3737
- [`createElement()`](#createelement)
3838
- [`createFactory()`](#createfactory)
3939

40-
Több információért lásd: [A React használata JSX nélkül](/docs/react-without-jsx.html).
40+
Több információért lásd a [React JSX nélkül](/docs/react-without-jsx.html) fejezetet.
4141

4242
### Elemek transzformálása {#transforming-elements}
4343

@@ -49,18 +49,18 @@ A `React` több API-t is kínál elemek manipulálásához:
4949

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

52-
A `React` szolgáltat egy komponenst is több elem rendereléséhez egy csomagoló komponens nélkül.
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

56-
### Ref-ek {#refs}
56+
### Refek {#refs}
5757

5858
- [`React.createRef`](#reactcreateref)
5959
- [`React.forwardRef`](#reactforwardref)
6060

6161
### Felfüggesztés {#suspense}
6262

63-
A Suspense lehetővé teszi a komponenseknek, hogy "várjanak" valamire renderelés előtt. Jelenleg a Suspense csak egy esetben használható: [komponensek dinamikus beöltése `React.lazy` segítségével](/docs/code-splitting.html#reactlazy). A jövőben más esetek is támogatottak lesznek, mint például az adatlehívás.
63+
A Suspense lehetővé teszi hogy a komponensek "várni tudjanak" valamire renderelés előtt. A Suspense jelenleg csak egy esetben használható: [komponensek dinamikus betöltése `React.lazy` segítségével](/docs/code-splitting.html#reactlazy). A jövőben más forgatókönyvek is támogatva lesznek, mint például az adatlehívás.
6464

6565
- [`React.lazy`](#reactlazy)
6666
- [`React.Suspense`](#reactsuspense)
@@ -106,11 +106,11 @@ Ha egy listát szeretnél a `React.Component` osztály metódusairól és tulajd
106106

107107
A `React.PureComponent` hasonló a [`React.Component`](#reactcomponent)-hez. A különbség annyi, hogy a [`React.Component`](#reactcomponent) nem implementálja a [`shouldComponentUpdate()`](/docs/react-component.html#shouldcomponentupdate) metódust, míg a `React.PureComponent` igen, egy sekély prop és állapot összehasonlítással.
108108

109-
Ha a React komponensed `render()` függvénye ugyanazt az eredményt rendereli ugyanazon prop-ok és állapot esetében, akkor néhány esetben használhatod a `React.PureComponent`-t a teljesítmény fokozása érdekében.
109+
Ha a React komponensed `render()` függvénye ugyanazt az eredményt rendereli ugyanazon propok és állapot esetében, akkor néhány esetben használhatod a `React.PureComponent`-t a teljesítmény fokozása érdekében.
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 beágyazott adatok 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
@@ -138,7 +138,7 @@ function areEqual(prevProps, nextProps) {
138138
/*
139139
abban az esetben ha a nextProps-ot a rendernek átadva
140140
ugyanazt az eredményt kapnánk mint a prevProps esetében,
141-
adj vissza true értéket
141+
adj vissza true értéket,
142142
máskülönben pedig false-t
143143
*/
144144
}
@@ -149,7 +149,7 @@ Ez a metódus csakis **[a teljesítmény optimalizálása](/docs/optimizing-perf
149149

150150
> Megjegyzés
151151
>
152-
> A [`shouldComponentUpdate()`](/docs/react-component.html#shouldcomponentupdate) osztálykomponens metódussal ellentétben, az `areEqual` függvény `true` értéket ad vissza, ha a prop-ok egyenlőek, és `false` értéket ha nem azok. Ez a `shouldComponentUpdate` inverze.
152+
> A [`shouldComponentUpdate()`](/docs/react-component.html#shouldcomponentupdate) osztálykomponens metódussal ellentétben, az `areEqual` függvény `true` értéket ad vissza, ha a propok egyenlőek, és `false` értéket ha nem azok. Ez a `shouldComponentUpdate` inverze.
153153
154154
* * *
155155

@@ -165,7 +165,7 @@ React.createElement(
165165

166166
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.
167167

168-
A [JSX](/docs/introducing-jsx.html)-ben írt kód konvertálva lesz, hogy 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 tanulni.
168+
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.
169169

170170
* * *
171171

@@ -179,15 +179,15 @@ React.cloneElement(
179179
)
180180
```
181181

182-
Egy `element`-et alapul véve egy új React elemet klónoz és ad vissza. A keletkezett elem rendelkezni fog az eredeti elem és az új propok sekély összefonásával. Az új gyermekek átveszik a meglévő gyermekek helyét. A `key` és `ref` meg lesz tartva az eredeti elemből.
182+
Egy `element`-et alapul véve egy új React elemet klónoz és ad vissza. A keletkezett elem rendelkezni fog az eredeti elem és az új propok sekély összefonásával. Az új gyermekek átveszik a meglévő gyermekek helyét. A `key` és `ref` attribútumok meg lesznek tartva az eredeti elemből.
183183

184184
A `React.cloneElement()` majdnem ekvivalens ezzel:
185185

186186
```js
187187
<element.type {...element.props} {...props}>{children}</element.type>
188188
```
189189

190-
De a `ref`-eket 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.
190+
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.
191191

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

@@ -201,9 +201,9 @@ React.createFactory(type)
201201

202202
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.
203203

204-
Ez a segédfüggvény egy korábbi, örökölt függvénynek számít, és arra biztatunk hogy használj vagy JSX-et, vagy közvetlenül a `React.createElement()`-et.
204+
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.
205205

206-
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 tanulni.
206+
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.
207207

208208
* * *
209209

@@ -227,7 +227,7 @@ A `React.Children` segédeszközként szolgál ha a nem áttetsző `this.props.c
227227
React.Children.map(children, function[(thisArg)])
228228
```
229229

230-
Egy függvényt hív meg a `this`-t `thisArg`-ra állítva a `children` minden közvetlen gyermekén. Ha a `children` egy tömb, akkor azon végigmenve a függvény minden gyermeken a tömbben meg lesz hívva. Ha a children `null` vagy `undefined` értékű, ez a metódus `null` vagy `undefined` értéket ad vissza egy tömb helyett.
230+
Egy függvényt hív meg a `this`-t `thisArg`-ra állítva a `children` minden közvetlen gyermekén. Ha a `children` egy tömb, akkor azt bejárva a függvény minden gyermeken meg lesz hívva. Ha a children `null` vagy `undefined` értékű, ez a metódus `null` vagy `undefined` értéket ad vissza egy tömb helyett.
231231

232232
> Megjegyzés
233233
>
@@ -259,15 +259,15 @@ Azt ellenőrzi, hogy a `children`-nek csak egy gyermeke van-e (egy React elembő
259259

260260
> Megjegyzés:
261261
>
262-
> A `React.Children.only()` nem fogadja el a [`React.Children.map()`](#reactchildrenmap) visszaadott értékét, mert az egy tömb, mintsem egy React elem.
262+
> A `React.Children.only()` nem fogadja el a [`React.Children.map()`](#reactchildrenmap) visszaadott értékét, mert az egy tömb, nem pedig egy React elem.
263263

264264
#### `React.Children.toArray` {#reactchildrentoarray}
265265

266266
```javascript
267267
React.Children.toArray(children)
268268
```
269269

270-
A nem áttetsző `children` adatstruktúrát adja vissza egy lapos tömbként, egy kulcsot rendelve minden gyermekhez. Hasznos lehet ha gyermekek kollekcióját akarod manipulálni a render metódusodban, különösen ha új sorba akarod rendezni, vagy le akarsz vágni a `this.props.children`-ből mielőtt azt lejjebb adod.
270+
A nem áttetsző `children` adatstruktúrát adja vissza egy lapos tömbként, egy kulcsot rendelve minden gyermekhez. Hasznos lehet ha gyermekek listáját akarod manipulálni a render metódusodban, különösen ha át akarod rendezni, vagy le akarsz vágni a `this.props.children`-ből mielőtt azt lejjebb adod.
271271

272272
> Megjegyzés:
273273
>
@@ -300,10 +300,10 @@ A `React.createRef` egy [ref](/docs/refs-and-the-dom.html)-et hoz létre amit a
300300

301301
### `React.forwardRef` {#reactforwardref}
302302

303-
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. Ez nem egy gyakori alkalmazás, de két speciális esetben hasznos tud lenni:
303+
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:
304304

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

308308
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.
309309

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

318318
### `React.lazy` {#reactlazy}
319319

320-
A `React.lazy()` lehetővé teszi számodra hogy egy olyan komponenst definiálj, ami dinamikusan lesz betöltve. 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 vannak.
320+
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.
321321

322322
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.
323323

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

329-
Jegyezd meg hogy a `lazy` komponensek renderelése megköveteli, hogy legyen egy `<React.Suspense>` komponens valahol feljebb a komponensfában. Így tudsz megadni egy betöltés indikátort.
329+
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.
330330

331331
> **Megjegyzés**
332332
>
333333
> 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.
334334

335335
### `React.Suspense` {#reactsuspense}
336336

337-
A `React.Suspense` lehetővé teszi számodra, hogy egy betöltés indikátort tudj megadni abban az esetben ha néhány komponens a komopnensfában lejjebb még nem áll készen renderelésre. Jelenleg a `<React.Suspense>` **egyetlen** használati módja a lustán betöltő komponensek.
337+
A `React.Suspense` segítségével egy betöltés indikátort tudsz megadni abban az esetben ha néhány komponens a komponensfában lejjebb még nem áll készen renderelésre. Jelenleg a `<React.Suspense>` **egyetlen** használati módja a lustán betöltő komponensek.
338338

339339
```js
340340
// Ez a komponens dinamikusan van betöltve
@@ -352,10 +352,10 @@ function MyComponent() {
352352
}
353353
```
354354

355-
A [kód felvágó útmutatónkban](/docs/code-splitting.html#reactlazy) ez dokumentálva van. Jegyezd meg, hogy a `lazy` (lusta) komponensek lehetnek mélyen a `Suspense` fában -- nem kell mindegyiket egyesével körbevenni. A legjobb gyakorlat ha a `<Suspense>`-t oda helyezed ahol egy betöltés indikátort akarsz látni, a `lazy()`-t pedig ott, ahol kódot akarsz felvágni.
355+
A [kód felvágó útmutatónkban](/docs/code-splitting.html#reactlazy) ez dokumentálva van. Jegyezd meg, hogy a `lazy` (lusta) komponensek lehetnek mélyen a `Suspense` fában -- nem kell mindegyiket egyesével körbevenni. A legjobb gyakorlat ha a `<Suspense>`-t oda helyezed ahol egy betöltés indikátort akarsz látni, a `lazy()`-t pedig oda ahol kódot akarsz felvágni.
356356

357-
Bár ez jelenleg még nem támogatott, a jövőben a `Suspense` több forgatókönyvet fog támogatni, mint például adatlekérést. Erről az [ütemtervünkben](/blog/2018/11/27/react-16-roadmap.html) olvashatsz.
357+
Bár ez jelenleg még nem támogatott, a jövőben a `Suspense` több forgatókönyvet fog támogatni, mint például adatlehívást. Erről az [ütemtervünkben](/blog/2018/11/27/react-16-roadmap.html) olvashatsz.
358358

359359
>Megjegyzés:
360360
>
361-
> A `React.lazy()` és `<React.Suspense>` még nem támogatottak a `ReactDOMServer` által. Ez egy köztudott limitáció, ami a jövőben kerül megoldásra.
361+
> A `ReactDOMServer` még nem támogatja a `React.lazy()`-t és a `<React.Suspense>`-t. Ez egy köztudott limitáció, ami a jövőben kerül megoldásra.

0 commit comments

Comments
 (0)