Skip to content

Commit 513bd21

Browse files
committed
fix merge conflicts
1 parent 265e1ad commit 513bd21

File tree

2 files changed

+6
-40
lines changed

2 files changed

+6
-40
lines changed

content/docs/conditional-rendering.md

Lines changed: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -152,24 +152,20 @@ Ez azért működik JavaScript-ben, mert a `true && kifejezés` mindig a `kifeje
152152

153153
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.
154154

155-
<<<<<<< HEAD
156-
### Helyben kifejtett if-else feltételes operátorral {#inline-if-else-with-conditional-operator}
157-
=======
158-
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.
159156

160157
```javascript{2,5}
161158
render() {
162159
const count = 0;
163160
return (
164161
<div>
165-
{ count && <h1>Messages: {count}</h1>}
162+
{ count && <h1>Üzenetek: {count}</h1>}
166163
</div>
167164
);
168165
}
169166
```
170167

171-
### Inline If-Else with Conditional Operator {#inline-if-else-with-conditional-operator}
172-
>>>>>>> 8f7ffa473905148fd5c7ecfd7fed5dabbd261bf0
168+
### Helyben kifejtett if-else feltételes operátorral {#inline-if-else-with-conditional-operator}
173169

174170
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).
175171

content/docs/reference-react-component.md

Lines changed: 3 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -39,11 +39,7 @@ Az egyetlen metódus amit *kötelező* definiálni egy `React.Component`-ben, az
3939
4040
### A komponens életciklus {#the-component-lifecycle}
4141

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

4844
#### Létrehozás {#mounting}
4945

@@ -113,11 +109,7 @@ Minden egyes komponensnek van néhány egyéb API-ja is:
113109

114110
### Legtöbbet használt életciklusmetódusok {#commonly-used-lifecycle-methods}
115111

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/).**
121113

122114
### `render()` {#render}
123115

@@ -253,11 +245,7 @@ A **`setState()`-et soha ne hívd meg** a `componentWillUnmount()`-ban, mivel a
253245

254246
### Ritkán használt életciklusmetódusok {#rarely-used-lifecycle-methods}
255247

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.**
261249

262250

263251
### `shouldComponentUpdate()` {#shouldcomponentupdate}
@@ -290,13 +278,8 @@ A `getDerivedStateFromProps` közvetlenül a renderelés előtt hajtódik végre
290278

291279
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é.
292280

293-
<<<<<<< HEAD
294281
A leszármaztatott állapot beszédes kódhoz vezet, ami a komponenseidet kevésbé átláthatóvá teszi.
295282
[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
300283

301284
* 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.
302285

@@ -340,15 +323,9 @@ Csak akkor használd ezeket a hibahatárokat, ha váratlan hibákat szeretnél h
340323

341324
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.
342325

343-
<<<<<<< HEAD
344326
> Megjegyzés
345327
>
346328
> 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.
351-
>>>>>>> 8f7ffa473905148fd5c7ecfd7fed5dabbd261bf0
352329
353330
### `static getDerivedStateFromError()` {#static-getderivedstatefromerror}
354331
```javascript
@@ -436,17 +413,10 @@ class ErrorBoundary extends React.Component {
436413
}
437414
```
438415

439-
<<<<<<< HEAD
440416
> Megjegyzés
441417
>
442418
> 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.
443419
> 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.
449-
>>>>>>> 8f7ffa473905148fd5c7ecfd7fed5dabbd261bf0
450420
451421
* * *
452422

0 commit comments

Comments
 (0)