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/conditional-rendering.md
+3-7Lines changed: 3 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -152,24 +152,20 @@ Ez azért működik JavaScript-ben, mert a `true && kifejezés` mindig a `kifeje
152
152
153
153
Ezért ha a feltétel `true`, az elem ami `&&` operátor jobb oldalán van, meg fog jelenni a kimenetben. Ha a feltétel `false` a React figyelmen kívül hagyja az elemet.
Note that returning a falsy expression will still cause the element after `&&` to be skipped but will return the falsy expression. In the example below, `<div>0</div>` will be returned by the render method.
155
+
Vedd észre, hogy egy falsy kifejezés nem fogja figyelembe venni a `&&` operátor jobb oldalát, hanem a falsy kifejezés értékét adja vissza. Az alábbi példában a render metódus `<div>0</div>`-t fog visszaadni.
159
156
160
157
```javascript{2,5}
161
158
render() {
162
159
const count = 0;
163
160
return (
164
161
<div>
165
-
{ count && <h1>Messages: {count}</h1>}
162
+
{ count && <h1>Üzenetek: {count}</h1>}
166
163
</div>
167
164
);
168
165
}
169
166
```
170
167
171
-
### Inline If-Else with Conditional Operator {#inline-if-else-with-conditional-operator}
A helyben kifejtett feltételes renderelés egy másik módja lehet a JavaScript feltételes operátor [`feltétel ? true : false`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Conditional_Operator).
Copy file name to clipboardExpand all lines: content/docs/reference-react-component.md
+3-33Lines changed: 3 additions & 33 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -39,11 +39,7 @@ Az egyetlen metódus amit *kötelező* definiálni egy `React.Component`-ben, az
39
39
40
40
### A komponens életciklus {#the-component-lifecycle}
41
41
42
-
<<<<<<< HEAD
43
-
Minden egyes komponenshez több "életciklusmetódus" is tartozik, amiket felülírhatsz, hogy az életciklusa különböző pontjain tudj kódot futtatni. **Ezt az [életciklus diagramot](http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/) használhatod puskaként.** Az alábbi listában a legtöbbet használt életciklusmetódusok **félkövér betűvel** vannak jelölve. A többit általában csak ritkán használjuk.
44
-
=======
45
-
Each component has several "lifecycle methods" that you can override to run code at particular times in the process. **You can use [this lifecycle diagram](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/) as a cheat sheet.** In the list below, commonly used lifecycle methods are marked as **bold**. The rest of them exist for relatively rare use cases.
46
-
>>>>>>> 8f7ffa473905148fd5c7ecfd7fed5dabbd261bf0
42
+
Minden egyes komponenshez több "életciklusmetódus" is tartozik, amiket felülírhatsz, hogy az életciklusa különböző pontjain tudj kódot futtatni. **Ezt az [életciklus diagramot](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/) használhatod puskaként.** Az alábbi listában a legtöbbet használt életciklusmetódusok **félkövér betűvel** vannak jelölve. A többit általában csak ritkán használjuk.
47
43
48
44
#### Létrehozás {#mounting}
49
45
@@ -113,11 +109,7 @@ Minden egyes komponensnek van néhány egyéb API-ja is:
113
109
114
110
### Legtöbbet használt életciklusmetódusok {#commonly-used-lifecycle-methods}
115
111
116
-
<<<<<<< HEAD
117
-
Az ebben a részben található metódusok lefedik a használati esetek nagyrészét, amikkel a React komponensek írása közben találkozhatsz. **Vizuális referenciaként nézd meg ezt az [életcikus diagramot](http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/).**
118
-
=======
119
-
The methods in this section cover the vast majority of use cases you'll encounter creating React components. **For a visual reference, check out [this lifecycle diagram](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/).**
120
-
>>>>>>> 8f7ffa473905148fd5c7ecfd7fed5dabbd261bf0
112
+
Az ebben a részben található metódusok lefedik a használati esetek nagyrészét, amikkel a React komponensek írása közben találkozhatsz. **Vizuális referenciaként nézd meg ezt az [életcikus diagramot](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/).**
121
113
122
114
### `render()` {#render}
123
115
@@ -253,11 +245,7 @@ A **`setState()`-et soha ne hívd meg** a `componentWillUnmount()`-ban, mivel a
253
245
254
246
### Ritkán használt életciklusmetódusok {#rarely-used-lifecycle-methods}
255
247
256
-
<<<<<<< HEAD
257
-
A metódusok ebben a részben ritka használati eseteknek felelnek meg. Néha hasznosak, de a legtöbb komponensed nem fogja használni egyiket sem. **A legtöbbet ezek közül [ezen az életciklus diagramon](http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/) láthatod, ha rákattintatsz a "Show less common lifecycles" (Mutassa a kevésbé használt életciklusmetódusokat is) jelölőnégyzetre a tetején.**
258
-
=======
259
-
The methods in this section correspond to uncommon use cases. They're handy once in a while, but most of your components probably don't need any of them. **You can see most of the methods below on [this lifecycle diagram](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/) if you click the "Show less common lifecycles" checkbox at the top of it.**
260
-
>>>>>>> 8f7ffa473905148fd5c7ecfd7fed5dabbd261bf0
248
+
A metódusok ebben a részben ritka használati eseteknek felelnek meg. Néha hasznosak, de a legtöbb komponensed nem fogja használni egyiket sem. **A legtöbbet ezek közül [ezen az életciklus diagramon](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/) láthatod, ha rákattintatsz a "Show less common lifecycles" (Mutassa a kevésbé használt életciklusmetódusokat is) jelölőnégyzetre a tetején.**
@@ -290,13 +278,8 @@ A `getDerivedStateFromProps` közvetlenül a renderelés előtt hajtódik végre
290
278
291
279
Ez a metódus csak [ritka használati esetekre](/blog/2018/06/07/you-probably-dont-need-derived-state.html#when-to-use-derived-state) való, amikor a helyi állapot a propok változásaitól függ. Például hasznos lehet egy `<Transition>` komponens implementálására, ami összehasonlítja az előző és a következő gyermekeit, hogy eldöntse, melyiket animálja kifelé vagy befelé.
292
280
293
-
<<<<<<< HEAD
294
281
A leszármaztatott állapot beszédes kódhoz vezet, ami a komponenseidet kevésbé átláthatóvá teszi.
295
282
[Győződj meg róla, hogy tisztában vagy egyszerűbb alternatívákkal is:](/blog/2018/06/07/you-probably-dont-need-derived-state.html)
296
-
=======
297
-
Deriving state leads to verbose code and makes your components difficult to think about.
298
-
[Make sure you're familiar with simpler alternatives:](/blog/2018/06/07/you-probably-dont-need-derived-state.html)
299
-
>>>>>>> 8f7ffa473905148fd5c7ecfd7fed5dabbd261bf0
300
283
301
284
* Ha muszáj **mellékhatást végrehajtanod** (például adatlekérés vagy animáció) egy propokban történt változás hatására, használd a [`componentDidUpdate`](#componentdidupdate) életciklus metódust ehelyett.
302
285
@@ -340,15 +323,9 @@ Csak akkor használd ezeket a hibahatárokat, ha váratlan hibákat szeretnél h
340
323
341
324
További részletekért lásd a [*Hibakezelés React 16-ban*](/blog/2017/07/26/error-handling-in-react-16.html) szekciót.
342
325
343
-
<<<<<<< HEAD
344
326
> Megjegyzés
345
327
>
346
328
> A hibahatárok csak a fában **alattuk** lévő komponensek hibáit kapják el. Egy hibahatár nem tud elkapni egy saját magában történő hibát.
347
-
=======
348
-
> Note
349
-
>
350
-
> Error boundaries only catch errors in the components **below** them in the tree. An error boundary can’t catch an error within itself.
@@ -436,17 +413,10 @@ class ErrorBoundary extends React.Component {
436
413
}
437
414
```
438
415
439
-
<<<<<<< HEAD
440
416
> Megjegyzés
441
417
>
442
418
> Hiba esetén egy tartelék UI-t renderelhetsz a `componentDidCatch()`-ben a `setState` meghívásával, de ez elavulttá válik majd a következő kiadásokban.
443
419
> Ehelyett használd a `static getDerivedStateFromError()`-t a tartalék UI renderelésére.
444
-
=======
445
-
> Note
446
-
>
447
-
> In the event of an error, you can render a fallback UI with `componentDidCatch()` by calling `setState`, but this will be deprecated in a future release.
448
-
> Use `static getDerivedStateFromError()` to handle fallback rendering instead.
0 commit comments