Skip to content

Commit 7bff4f3

Browse files
committed
fix conflicts
1 parent 722a8a0 commit 7bff4f3

File tree

7 files changed

+31
-76
lines changed

7 files changed

+31
-76
lines changed

content/docs/handling-events.md

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -54,11 +54,7 @@ function ActionLink() {
5454
}
5555
```
5656

57-
<<<<<<< HEAD
58-
Itt az `e` egy szintetikus esemény. A React ezeket a szintetikus eseményeket a [W3C specifikáció](https://www.w3.org/TR/DOM-Level-3-Events/) alapján definiálja, emiatt nem kell a böngészők közötti kompatibilitással törődnöd. Lásd a [`SyntheticEvent`](/docs/events.html) referenciát, ha többet szeretnél megtudni erről.
59-
=======
60-
Here, `e` is a synthetic event. React defines these synthetic events according to the [W3C spec](https://www.w3.org/TR/DOM-Level-3-Events/), so you don't need to worry about cross-browser compatibility. React events do not work exactly the same as native events. See the [`SyntheticEvent`](/docs/events.html) reference guide to learn more.
61-
>>>>>>> 954a16f1d358009505ae881afaefe463dc6388a5
57+
Itt az `e` egy szintetikus esemény. A React ezeket a szintetikus eseményeket a [W3C specifikáció](https://www.w3.org/TR/DOM-Level-3-Events/) alapján definiálja, emiatt nem kell a böngészők közötti kompatibilitással törődnöd. A React események nem teljesen úgy működnek mint a natív események. Ha többen szeretnél erről megtudni, nézd meg a [`SyntheticEvent`](/docs/events.html) referenciát.
6258

6359
Reactben általában nem kell meghívnod az `addEventListener`-t hogy eseménykezelőket adj hozzá egy DOM elemhez miután az létrejött. Ehelyett szimplán akkor add hozzá, amikor az elem először renderelődik.
6460

content/docs/hooks-overview.md

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -229,11 +229,7 @@ function FriendListItem(props) {
229229
}
230230
```
231231

232-
<<<<<<< HEAD
233-
Ezen komponensek állapota egymástól teljesen független. A horgok az *állapotteljes logika* újrafelhasználásának egy módja, nem maguknak az állapotoknak. Valójában minden egyes horog *meghívás*-nak teljesen elzárt állapota van -- szóval ugyanazt az egyedi horgot akár kétszer is használhatod egy komponensen belül.
234-
=======
235-
The state of each component is completely independent. Hooks are a way to reuse *stateful logic*, not state itself. In fact, each *call* to a Hook has a completely isolated state -- so you can even use the same custom Hook twice in one component.
236-
>>>>>>> 954a16f1d358009505ae881afaefe463dc6388a5
232+
Ezen komponensek állapota egymástól teljesen független. A horgok az *állapotteljes logika* újrafelhasználásának egy módja, nem maguknak az állapotoknak. Valójában minden egyes horog *meghívás* állapota teljesen elzárt -- szóval akár ugyanazt az egyedi horgot kétszer is használhatod egy komponensen belül.
237233

238234
Az egyedi horgok sokkal inkább egy közös egyezmény eredményei, mint egy egyedi funkció. Ha egy függvény neve a "`use`" szóval kezdődik, és más horgokat hív meg, akkor azt mondjuk, hogy az egy egyedi horog. A `useSomething` elnevezési gyakorlat a módja, ami lehetővé teszi a linter pluginunknak horgokat használó kódban hibákat találni.
239235

content/docs/reference-dom-elements.md

Lines changed: 2 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -56,12 +56,7 @@ Az `onChange` esemény úgy viselkedik, ahogy elvárnád: amikor egy űrlap mez
5656

5757
### selected {#selected}
5858

59-
<<<<<<< HEAD
60-
A `selected` attribútumot az `<option>` komponens támogatja. Használhatod arra, hogy a komponens ki legyen-e választva, vagy sem. Ez hasznos, amikor kontrollált komponenseket kell építeni.
61-
=======
62-
If you want to mark an `<option>` as selected, reference the value of that option in the `value` of its `<select>` instead.
63-
Check out ["The select Tag"](/docs/forms.html#the-select-tag) for detailed instructions.
64-
>>>>>>> 954a16f1d358009505ae881afaefe463dc6388a5
59+
Ha egy `<option>`-t kiválaszottként szeretnél megjelölni, referálj annak értékére a `<select>` `value` propjában. Nézd meg a [select címkét](/docs/forms.html#the-select-tag) további részletekért.
6560

6661
### style {#style}
6762

@@ -125,11 +120,7 @@ Ha a `suppressHydrationWarning`-ot `true`-ra állítod, a React nem fog figyelme
125120

126121
### value {#value}
127122

128-
<<<<<<< HEAD
129-
A `value` attribútum az `<input>` és `<textarea>` komponensek által támogatott. Használhatod a komponens értéknek a megadására. Hasznos kontrollált komponensek készítéséhez. A `defaultValue` a kontrollálatlan változata, amivel a komponens értékét akkor tudod állítani, amikor az először jön létre.
130-
=======
131-
The `value` attribute is supported by `<input>`, `<select>` and `<textarea>` components. You can use it to set the value of the component. This is useful for building controlled components. `defaultValue` is the uncontrolled equivalent, which sets the value of the component when it is first mounted.
132-
>>>>>>> 954a16f1d358009505ae881afaefe463dc6388a5
123+
A `value` attribútumot az `<input>`, `<select>` és `<textarea>` komponensek támogatják. Használhatod a komponens értéknek a megadására. Hasznos kontrollált komponensek készítéséhez. A `defaultValue` a kontrollálatlan változata, amivel a komponens értékét akkor tudod állítani, amikor az először jön létre.
133124

134125
## Minden támogatott HTML attribútum {#all-supported-html-attributes}
135126

content/docs/reference-events.md

Lines changed: 22 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -10,15 +10,9 @@ Ez a referencia útmutató a `SyntheticEvent` csomagolót dokumentálja, ami a R
1010

1111
## Áttekintés {#overview}
1212

13-
<<<<<<< HEAD
1413
Az eseménykezelőidnek a `SyntheticEvent` példányai lesznek átadva, ami egy böngészőtől független konténer, a böngésző natív eseményei körül. Ugyanazzal az interfésszel rendelkezik mint a natív események, a `stopPropagation()`-t és a `preventDefault()`-ot beleértve, kivéve, hogy ezek az események a böngészőktől függetlenül egységesen működnek.
1514

16-
Ha azon kapod magad, hogy valamiért szükséged van az egyik mögöttes böngészőeseményre, egyszerűen használd a `nativeEvent` attribútumot, hogy azt kapd. Minden `SyntheticEvent` objektum a következő attribútumokkal rendelkezik:
17-
=======
18-
Your event handlers will be passed instances of `SyntheticEvent`, a cross-browser wrapper around the browser's native event. It has the same interface as the browser's native event, including `stopPropagation()` and `preventDefault()`, except the events work identically across all browsers.
19-
20-
If you find that you need the underlying browser event for some reason, simply use the `nativeEvent` attribute to get it. The synthetic events are different from, and do not map directly to, the browser's native events. For example in `onMouseLeave` `event.nativeEvent` will point to a `mouseout` event. The specific mapping is not part of the public API and may change at any time. Every `SyntheticEvent` object has the following attributes:
21-
>>>>>>> 954a16f1d358009505ae881afaefe463dc6388a5
15+
Ha azon kapod magad, hogy valamiért szükséged van az egyik mögöttes böngészőeseményre, `nativeEvent` attribútummal egyszerűen hozzáférhetsz ahhoz. A szintetikus események különböznek, és nem közvetlenül képezik le a natív böngésző eseményeket. Például az `onMouseLeave`-ben az `event.nativeEvent` a `mouseout` eseményre fog mutatni. A pontos leképezés nem része a nyilvános API-nek, és bármikor megváltozhat. Minden `SyntheticEvent` objektum a következő attribútumokkal rendelkezik:
2216

2317
```javascript
2418
boolean bubbles
@@ -77,23 +71,27 @@ A React normalizálja az eseményeket annak érdekében, hogy a tulajdonságaik
7771

7872
Az alábbi eseménykezelők egy esemény által lettek elindítva a "bubbling" fázisban. Egy eseménykezelő regisztrálásához a "capture" fázisban add hozzá a `Capture` szót az esemény nevéhez; például az `onClick` helyett használd az `onClickCapture`-t kattintási események kezeléséhez a capture fázisban.
7973

80-
- [Vágólapesemények](#clipboard-events)
81-
- [Kompozíció-események](#composition-events)
82-
- [Billentyűzet-események](#keyboard-events)
83-
- [Fókuszálás-események](#focus-events)
84-
- [Űrlapesemények](#form-events)
85-
- [Egéresemények](#mouse-events)
86-
- [Általános események](#generic-events)
87-
- [Mutatóesemények](#pointer-events)
88-
- [Kiválasztás-események](#selection-events)
89-
- [Érintőesemények](#touch-events)
90-
- [Felhasználói felület eseményei](#ui-events)
91-
- [Görgőesemények](#wheel-events)
92-
- [Médiaesemények](#media-events)
93-
- [Képesemények](#image-events)
94-
- [Animáció-események](#animation-events)
95-
- [Átmenet-események](#transition-events)
96-
- [Egyéb események](#other-events)
74+
- [Áttekintés {#overview}](#áttekintés-overview)
75+
- [Események összegyűjtése {#event-pooling}](#események-összegyűjtése-event-pooling)
76+
- [Támogatott események {#supported-events}](#támogatott-események-supported-events)
77+
- [Referencia {#reference}](#referencia-reference)
78+
- [Vágólapesemények {#clipboard-events}](#vágólapesemények-clipboard-events)
79+
- [Kompozíció-események {#composition-events}](#kompozíció-események-composition-events)
80+
- [Billentyűzet-események {#keyboard-events}](#billentyűzet-események-keyboard-events)
81+
- [Fókuszálás-események {#focus-events}](#fókuszálás-események-focus-events)
82+
- [Űrlapesemények {#form-events}](#űrlapesemények-form-events)
83+
- [Általános események {#generic-events}](#általános-események-generic-events)
84+
- [Egéresemények {#mouse-events}](#egéresemények-mouse-events)
85+
- [Mutatóesemények {#pointer-events}](#mutatóesemények-pointer-events)
86+
- [Kiválasztás-események {#selection-events}](#kiválasztás-események-selection-events)
87+
- [Érintőesemények {#touch-events}](#érintőesemények-touch-events)
88+
- [Felhasználói felület eseményei {#ui-events}](#felhasználói-felület-eseményei-ui-events)
89+
- [Görgőesemények {#wheel-events}](#görgőesemények-wheel-events)
90+
- [Médiaesemények {#media-events}](#médiaesemények-media-events)
91+
- [Képesemények {#image-events}](#képesemények-image-events)
92+
- [Animáció-események {#animation-events}](#animáció-események-animation-events)
93+
- [Átmenet-események {#transition-events}](#átmenet-események-transition-events)
94+
- [Egyéb események {#other-events}](#egyéb-események-other-events)
9795

9896
* * *
9997

content/docs/reference-react-component.md

Lines changed: 3 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -274,11 +274,7 @@ Jelenleg, ha a `shouldComponentUpdate()` `false`-ot ad vissza, akkor az [`UNSAFE
274274
static getDerivedStateFromProps(props, state)
275275
```
276276

277-
<<<<<<< HEAD
278-
A `getDerivedStateFromProps` közvetlenül a renderelés előtt hajtódik végre a kezdeti renderelésnél és frissítéskor is. Ennek egy objektumot kell visszaadnia az állapot módosításához, vagy null-t, hogy ne módosítson semmit.
279-
=======
280-
`getDerivedStateFromProps` is invoked right before calling the render method, both on the initial mount and on subsequent updates. It should return an object to update the state, or `null` to update nothing.
281-
>>>>>>> 954a16f1d358009505ae881afaefe463dc6388a5
277+
A `getDerivedStateFromProps` közvetlenül a renderelés előtt hajtódik végre a kezdeti renderelésnél és frissítéskor is. Az állapot módosításához egy objektumot kell visszaadnia, vagy `null` értéket, hogy ne módosítson semmit.
282278

283279
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é.
284280

@@ -591,11 +587,7 @@ A `forceUpdate()` meghívása a `render()` hívását fogja előidézni a kompon
591587

592588
### `defaultProps` {#defaultprops}
593589

594-
<<<<<<< HEAD
595-
A `defaultProps` egy tulajdonságként lehet definiálva magán a komponensen, hogy beállítsa a propok alapértékeit az osztályon. Ez az undefined értékű propoknál használatos, a null értékűeknél nem. Például:
596-
=======
597-
`defaultProps` can be defined as a property on the component class itself, to set the default props for the class. This is used for `undefined` props, but not for `null` props. For example:
598-
>>>>>>> 954a16f1d358009505ae881afaefe463dc6388a5
590+
A `defaultProps`-ot egy a komponensen lévő tulajdonságként tudjuk definiálni, a propok alapértékeinek beállításához az osztályon. Ez az `undefined` értékű propoknál használatos, a `null` értékűeknél nem. Például:
599591

600592
```js
601593
class CustomButton extends React.Component {
@@ -615,11 +607,7 @@ Ha a `props.color` nincs megadva, az alapértéke `'blue'` lesz:
615607
}
616608
```
617609

618-
<<<<<<< HEAD
619-
Ha a `props.color` értéke null, null is marad:
620-
=======
621-
If `props.color` is set to `null`, it will remain `null`:
622-
>>>>>>> 954a16f1d358009505ae881afaefe463dc6388a5
610+
Ha a `props.color` értéke `null`, `null` is marad:
623611

624612
```js
625613
render() {

content/docs/reference-react.md

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -124,15 +124,9 @@ const MyComponent = React.memo(function MyComponent(props) {
124124
});
125125
```
126126

127-
<<<<<<< HEAD
128-
A `React.memo` egy [felsőbb rendű komponens](/docs/higher-order-components.html). Hasonló a [`React.PureComponent`](#reactpurecomponent)-hez, csak osztály komponensek helyett függvény komponensekhez való.
127+
A `React.memo` egy [felsőbb rendű komponens](/docs/higher-order-components.html).
129128

130129
Ha a függvény komponensed ugyanazt rendereli ugyanazon propok esetében, csomagold be egy `React.memo` meghívásba, hogy bizonyos esetekben memoizálni tudd az eredményt a teljesítmény fokozása érdekében. Ez azt jelenti, hogy a React kihagyja a komponens renderelését, és újrafelhasználja az utoljára renderelt eredményt.
131-
=======
132-
`React.memo` is a [higher order component](/docs/higher-order-components.html).
133-
134-
If your component renders the same result given the same props, you can wrap it in a call to `React.memo` for a performance boost in some cases by memoizing the result. This means that React will skip rendering the component, and reuse the last rendered result.
135-
>>>>>>> 954a16f1d358009505ae881afaefe463dc6388a5
136130

137131
A `React.memo` csak a propok változásait figzeli. Ha a `React.memo`-val körbevett függvényed implementációja rendelkezik egy [`useState`](/docs/hooks-state.html) vagy [`useContext`](/docs/hooks-reference.html#usecontext) horoggal, az újra lesz renderelve, amennyiben az állapot vagy a kontextus megváltozik.
138132

content/tutorial/tutorial.md

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -170,11 +170,7 @@ A JSX rendelkezik a JavaScript minden erejével. A JSX-be *bármilyen* JavaScrip
170170

171171
A fenti `ShoppingList` komponens csak beépített DOM komponenseket renderel, mint a `<div />` és az `<li />`. De összeállíthatsz és renderelhetsz egyedi React komponenseket is. Például a `<ShoppingList />` írásával utalhatunk az egész bevásárlólistára. Minden React komponens elzártan és függetlenül operálhat; ez lehetővé teszi számodra komplex felhasználói kezelőfelületek építését egyszerű komponensekből.
172172

173-
<<<<<<< HEAD
174-
## Kezdő kód ellenőrzése {#inspecting-the-starter-code}
175-
=======
176-
### Inspecting the Starter Code {#inspecting-the-starter-code}
177-
>>>>>>> 954a16f1d358009505ae881afaefe463dc6388a5
173+
### Kezdő kód ellenőrzése {#inspecting-the-starter-code}
178174

179175
Ha a tutoriálon a **böngésződből** fogsz dolgozni, nyisd meg ezt a kódot egy új fülön: **[Kezdő kód](https://codepen.io/gaearon/pen/oWWQNa?editors=0010)**. Ha **helyi környezetben** fogsz dolgozni, nyisd meg a `src/index.js` fájlt a projekt mappádban (már korábban szerkesztetted a fájlt a [beállítások](#setup-option-2-local-development-environment) részben).
180176

@@ -564,11 +560,7 @@ A változások észlelése egy megváltoztathatatlan objektum esetén jelentőse
564560

565561
#### Újrarenderelés megállapítása Reactben {#determining-when-to-re-render-in-react}
566562

567-
<<<<<<< HEAD
568563
A megváltoztathatatlanság legfőbb előnye, hogy az segít a Reactben _tiszta komponensek_ építésében. A megváltoztathatatlan adat könnyen megállapíthatja, ha valamilyen változás történt, ami azt segít meghatározni, hogy egy komponensnek újra kell-e renderelnie.
569-
=======
570-
The main benefit of immutability is that it helps you build _pure components_ in React. Immutable data can easily determine if changes have been made, which helps to determine when a component requires re-rendering.
571-
>>>>>>> 954a16f1d358009505ae881afaefe463dc6388a5
572564

573565
A `shouldComponentUpdate()` metódusról, és hogy hogyan készíts *tiszta komponenseket*, a [Teljesítmény optimalizálása](/docs/optimizing-performance.html#examples) olvasásával tanulhatsz többet.
574566

0 commit comments

Comments
 (0)