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/handling-events.md
+1-5Lines changed: 1 addition & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -54,11 +54,7 @@ function ActionLink() {
54
54
}
55
55
```
56
56
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.
62
58
63
59
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.
Copy file name to clipboardExpand all lines: content/docs/hooks-overview.md
+1-5Lines changed: 1 addition & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -229,11 +229,7 @@ function FriendListItem(props) {
229
229
}
230
230
```
231
231
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.
237
233
238
234
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.
Copy file name to clipboardExpand all lines: content/docs/reference-dom-elements.md
+2-11Lines changed: 2 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -56,12 +56,7 @@ Az `onChange` esemény úgy viselkedik, ahogy elvárnád: amikor egy űrlap mez
56
56
57
57
### selected {#selected}
58
58
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.
65
60
66
61
### style {#style}
67
62
@@ -125,11 +120,7 @@ Ha a `suppressHydrationWarning`-ot `true`-ra állítod, a React nem fog figyelme
125
120
126
121
### value {#value}
127
122
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.
133
124
134
125
## Minden támogatott HTML attribútum {#all-supported-html-attributes}
Copy file name to clipboardExpand all lines: content/docs/reference-events.md
+22-24Lines changed: 22 additions & 24 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,15 +10,9 @@ Ez a referencia útmutató a `SyntheticEvent` csomagolót dokumentálja, ami a R
10
10
11
11
## Áttekintés {#overview}
12
12
13
-
<<<<<<< HEAD
14
13
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.
15
14
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:
22
16
23
17
```javascript
24
18
boolean bubbles
@@ -77,23 +71,27 @@ A React normalizálja az eseményeket annak érdekében, hogy a tulajdonságaik
77
71
78
72
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.
Copy file name to clipboardExpand all lines: content/docs/reference-react-component.md
+3-15Lines changed: 3 additions & 15 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -274,11 +274,7 @@ Jelenleg, ha a `shouldComponentUpdate()` `false`-ot ad vissza, akkor az [`UNSAFE
274
274
staticgetDerivedStateFromProps(props, state)
275
275
```
276
276
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.
282
278
283
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é.
284
280
@@ -591,11 +587,7 @@ A `forceUpdate()` meghívása a `render()` hívását fogja előidézni a kompon
591
587
592
588
### `defaultProps` {#defaultprops}
593
589
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:
599
591
600
592
```js
601
593
classCustomButtonextendsReact.Component {
@@ -615,11 +607,7 @@ Ha a `props.color` nincs megadva, az alapértéke `'blue'` lesz:
615
607
}
616
608
```
617
609
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:
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).
129
128
130
129
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
136
130
137
131
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.
Copy file name to clipboardExpand all lines: content/tutorial/tutorial.md
+1-9Lines changed: 1 addition & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -170,11 +170,7 @@ A JSX rendelkezik a JavaScript minden erejével. A JSX-be *bármilyen* JavaScrip
170
170
171
171
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.
172
172
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}
178
174
179
175
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).
180
176
@@ -564,11 +560,7 @@ A változások észlelése egy megváltoztathatatlan objektum esetén jelentőse
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
572
564
573
565
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.
0 commit comments