From 1a4597a790fe2b9b6f1f199b1fdb342b4d570f9b Mon Sep 17 00:00:00 2001 From: Gasim Gasimzada Date: Thu, 8 Aug 2019 09:10:31 +0400 Subject: [PATCH 1/5] Translate Reference SyntheticEvent Overview section --- content/docs/reference-events.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/content/docs/reference-events.md b/content/docs/reference-events.md index 745c6a71e..1b73e77d3 100644 --- a/content/docs/reference-events.md +++ b/content/docs/reference-events.md @@ -6,13 +6,13 @@ layout: docs category: Reference --- -This reference guide documents the `SyntheticEvent` wrapper that forms part of React's Event System. See the [Handling Events](/docs/handling-events.html) guide to learn more. +Bu arayış React-in Hadisə Sisteminin bir hissəsini yaradan `SyntheticEvent`-i əhatə edir. Əlavə məlumat üçün [Hadisələrin Emal Edilməsi](/docs/handling-events.html) sənədinə baxın. -## Overview {#overview} +## İcmal {#overview} -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. +Sizin hadisə işləyicilərin Your event handlers will be passed instances of `SyntheticEvent`-in instansiyaları kimi ötürüləcək. `SyntheticEvent` bütün brauzerlərdə uyğun olan brauzerin nativ hadisəsini əhatə edən obyektdir. Bunun interfeysi `stopPropagation()` və `preventDefault()` daxil olmaqla brauzerin nativ hadisəsi interfeysi ilə eynidir. Brauzerlərin Hadisənin özünəməxsus tətbiqindən fərqli olaraq `SyntecticEvent`-in bütün brauzerlərdə eyni formada işləməsidir. -If you find that you need the underlying browser event for some reason, simply use the `nativeEvent` attribute to get it. Every `SyntheticEvent` object has the following attributes: +Əgər sizə hər hansı səbəbə görə brauzerin hadisəsi lazımdırsa, `nativeEvent` atributundan istifadə edin. Hər bir `SyntheticEvent` obyektinin aşağıda göstərilən atributları var: ```javascript boolean bubbles @@ -31,9 +31,9 @@ number timeStamp string type ``` -> Note: +> Qeyd: > -> As of v0.14, returning `false` from an event handler will no longer stop event propagation. Instead, `e.stopPropagation()` or `e.preventDefault()` should be triggered manually, as appropriate. +> v0.14-cı versiyadan başlayaraq, hadisə işləyicilərindən `false` qaytardıqda hadisə yayılması dayandırılmayacaq. Bunun əvəzinə `e.stopPropagation()` və ya `e.preventDefault()` çağrılmalıdırlar. ### Event Pooling {#event-pooling} From d84442cc29bd940eb3a35949ac03bed09931f925 Mon Sep 17 00:00:00 2001 From: Gasim Gasimzada Date: Thu, 8 Aug 2019 11:33:35 +0400 Subject: [PATCH 2/5] Translate Event Pooling and Supported Events in SyntheticEvent ref --- content/docs/reference-events.md | 64 ++++++++++++++++---------------- 1 file changed, 32 insertions(+), 32 deletions(-) diff --git a/content/docs/reference-events.md b/content/docs/reference-events.md index 1b73e77d3..cc4c5d5f6 100644 --- a/content/docs/reference-events.md +++ b/content/docs/reference-events.md @@ -37,13 +37,13 @@ string type ### Event Pooling {#event-pooling} -The `SyntheticEvent` is pooled. This means that the `SyntheticEvent` object will be reused and all properties will be nullified after the event callback has been invoked. -This is for performance reasons. -As such, you cannot access the event in an asynchronous way. +`SyntheticEvent` pul olunur. Bu deməkdir ki, hadisə callback-i çağrıldıqdan sonra `SyntheticEvent` obyekti yenidən işlədiləcək və bütün parametrləri sıfırlanacaq. +Bunun səbəbi performans ilə bağlıdır. +Bu səbəbdən siz hadisəni asinxron formada işlədər bilməzsiniz. ```javascript function onClick(event) { - console.log(event); // => nullified object. + console.log(event); // => sıfırlanmış obyekt. console.log(event.type); // => "click" const eventType = event.type; // => "click" @@ -52,44 +52,44 @@ function onClick(event) { console.log(eventType); // => "click" }, 0); - // Won't work. this.state.clickEvent will only contain null values. + // Bu işləməyəcək. this.state.clickEvent yalnız null dəyərləri saxlayacaq. this.setState({clickEvent: event}); - // You can still export event properties. + // Siz yenə də hadisə parametrlərini ixrac edə biləcəksiniz. this.setState({eventType: event.type}); } ``` -> Note: +> Qeyd: > -> If you want to access the event properties in an asynchronous way, you should call `event.persist()` on the event, which will remove the synthetic event from the pool and allow references to the event to be retained by user code. - -## Supported Events {#supported-events} - -React normalizes events so that they have consistent properties across different browsers. - -The event handlers below are triggered by an event in the bubbling phase. To register an event handler for the capture phase, append `Capture` to the event name; for example, instead of using `onClick`, you would use `onClickCapture` to handle the click event in the capture phase. - -- [Clipboard Events](#clipboard-events) -- [Composition Events](#composition-events) -- [Keyboard Events](#keyboard-events) -- [Focus Events](#focus-events) -- [Form Events](#form-events) -- [Mouse Events](#mouse-events) -- [Pointer Events](#pointer-events) -- [Selection Events](#selection-events) -- [Touch Events](#touch-events) -- [UI Events](#ui-events) -- [Wheel Events](#wheel-events) -- [Media Events](#media-events) -- [Image Events](#image-events) -- [Animation Events](#animation-events) -- [Transition Events](#transition-events) -- [Other Events](#other-events) +> Əgər siz hadisə parametrlərini asinxron formada işlətmək istəyirsinizsə, siz hadisədə `event.persist()` funksiyasını çağırmalısınız. Bu funksiya sintetik hadisəni puldan siləcək və istifadəçi kodunda hadisəyə referans saxlamaya icazə verəcək. + +## Dəstəklənən Hadisələr {#supported-events} + +Bütün brauzerlərdə eyni parametrlərinin olması üçün React hadisələri normallaşdırır. + +Hadisə işləyiciləri hadisə tərəfindən bubbling fazasında çağrılır. Hadisə işləyicisini capture fazasında qeyd etmək üçün hadisə adının sonuna `Capture` mətnini əlavə edin. Məsələn, capture fazasında tıklama hadisəsini qeyd etmək üçün `onClick` əvəzinə `onClickCapture` işlətməlisiniz. + +- [Clipboard Hadisələri](#clipboard-events) +- [Kompozisiya Hadisələri](#composition-events) +- [Klaviatur Hadisələri](#keyboard-events) +- [Fokus Hadisələri](#focus-events) +- [Anket Hadisələri](#form-events) +- [Maus Hadisələri](#mouse-events) +- [Pointer Hadisələri](#pointer-events) +- [Selection Hadisələri](#selection-events) +- [Toxunuş Hadisələri](#touch-events) +- [UI Hadisələri](#ui-events) +- [Wheel Hadisələri](#wheel-events) +- [Media Hadisələri](#media-events) +- [Şəkil Hadisələri](#image-events) +- [Animasiya Hadisələri](#animation-events) +- [Keçid Hadisələri](#transition-events) +- [Digər Hadisələr](#other-events) * * * -## Reference {#reference} +## Arayış {#reference} ### Clipboard Events {#clipboard-events} From 9c9c118ba928b3e4ef7b187f6ef91c83c51cfae6 Mon Sep 17 00:00:00 2001 From: Gasim Gasimzada Date: Thu, 8 Aug 2019 15:47:44 +0400 Subject: [PATCH 3/5] Translate Events reference in SyntheticEvent API reference --- content/docs/reference-events.md | 109 ++++++++++++++++--------------- 1 file changed, 55 insertions(+), 54 deletions(-) diff --git a/content/docs/reference-events.md b/content/docs/reference-events.md index cc4c5d5f6..3ad4517b2 100644 --- a/content/docs/reference-events.md +++ b/content/docs/reference-events.md @@ -35,7 +35,7 @@ string type > > v0.14-cı versiyadan başlayaraq, hadisə işləyicilərindən `false` qaytardıqda hadisə yayılması dayandırılmayacaq. Bunun əvəzinə `e.stopPropagation()` və ya `e.preventDefault()` çağrılmalıdırlar. -### Event Pooling {#event-pooling} +### Hadisə Pulinqı {#event-pooling} `SyntheticEvent` pul olunur. Bu deməkdir ki, hadisə callback-i çağrıldıqdan sonra `SyntheticEvent` obyekti yenidən işlədiləcək və bütün parametrləri sıfırlanacaq. Bunun səbəbi performans ilə bağlıdır. @@ -77,7 +77,7 @@ Hadisə işləyiciləri hadisə tərəfindən bubbling fazasında çağrılır. - [Anket Hadisələri](#form-events) - [Maus Hadisələri](#mouse-events) - [Pointer Hadisələri](#pointer-events) -- [Selection Hadisələri](#selection-events) +- [Seleksiya Hadisələri](#selection-events) - [Toxunuş Hadisələri](#touch-events) - [UI Hadisələri](#ui-events) - [Wheel Hadisələri](#wheel-events) @@ -91,15 +91,15 @@ Hadisə işləyiciləri hadisə tərəfindən bubbling fazasında çağrılır. ## Arayış {#reference} -### Clipboard Events {#clipboard-events} +### Clipboard Hadisələri {#clipboard-events} -Event names: +Hadisə adları: ``` onCopy onCut onPaste ``` -Properties: +Parametrlər: ```javascript DOMDataTransfer clipboardData @@ -107,15 +107,15 @@ DOMDataTransfer clipboardData * * * -### Composition Events {#composition-events} +### Kompozisiya Hadisələri {#composition-events} -Event names: +Hadisə adları: ``` onCompositionEnd onCompositionStart onCompositionUpdate ``` -Properties: +Parametrlər: ```javascript string data @@ -124,15 +124,15 @@ string data * * * -### Keyboard Events {#keyboard-events} +### Klaviatur Hadisələri {#keyboard-events} -Event names: +Hadisə adları: ``` onKeyDown onKeyPress onKeyUp ``` -Properties: +Parametrlər: ```javascript boolean altKey @@ -149,21 +149,21 @@ boolean shiftKey number which ``` -The `key` property can take any of the values documented in the [DOM Level 3 Events spec](https://www.w3.org/TR/uievents-key/#named-key-attribute-values). +`key` parametri [DOM 3-cü səviyyəli Hadisələr spesifikasiyasında](https://www.w3.org/TR/uievents-key/#named-key-attribute-values) olan bütün dəyərləri qəbul edə bilər. * * * -### Focus Events {#focus-events} +### Fokus Hadisələri {#focus-events} -Event names: +Hadisə adları: ``` onFocus onBlur ``` -These focus events work on all elements in the React DOM, not just form elements. +Bu fokus hadisələri yalnız anketlərdə yox, React DOM-da olan bütün elementlərdə işləyirlər. -Properties: +Parametrlər: ```javascript DOMEventTarget relatedTarget @@ -171,21 +171,21 @@ DOMEventTarget relatedTarget * * * -### Form Events {#form-events} +### Anket Hadisələri {#form-events} -Event names: +Hadisə adları: ``` onChange onInput onInvalid onSubmit ``` -For more information about the onChange event, see [Forms](/docs/forms.html). +onChange hadisəsi haqqında əlavə məlumat üçün [Anketlər](/docs/forms.html) sənədinə baxın. * * * -### Mouse Events {#mouse-events} +### Maus Hadisələri {#mouse-events} -Event names: +Hadisə adları: ``` onClick onContextMenu onDoubleClick onDrag onDragEnd onDragEnter onDragExit @@ -193,9 +193,9 @@ onDragLeave onDragOver onDragStart onDrop onMouseDown onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp ``` -The `onMouseEnter` and `onMouseLeave` events propagate from the element being left to the one being entered instead of ordinary bubbling and do not have a capture phase. +`onMouseEnter` və `onMouseLeave` hadisələri siravi bubbling əvəzinə çıxan elementdən daxil olan elementə yayılırlar. Əlavə olaraq bu hadisələrin capture fazası yoxdur. -Properties: +Parametrlər: ```javascript boolean altKey @@ -216,20 +216,21 @@ boolean shiftKey * * * -### Pointer Events {#pointer-events} +### Pointer Hadisələri {#pointer-events} -Event names: +Hadisə adları: ``` onPointerDown onPointerMove onPointerUp onPointerCancel onGotPointerCapture onLostPointerCapture onPointerEnter onPointerLeave onPointerOver onPointerOut ``` -The `onPointerEnter` and `onPointerLeave` events propagate from the element being left to the one being entered instead of ordinary bubbling and do not have a capture phase. +`onPointerEnter` və `onPointerLeave` hadisələri siravi bubbling əvəzinə çıxan elementdən daxil olan elementə yayılırlar. Əlavə olaraq bu hadisələrin capture fazası yoxdur. -Properties: -As defined in the [W3 spec](https://www.w3.org/TR/pointerevents/), pointer events extend [Mouse Events](#mouse-events) with the following properties: +Parametrlər: + +[W3 spesifikasiyasında](https://www.w3.org/TR/pointerevents/) müəyyənlişdirildiyi kimi, pointer hadisələri [Maus Hadisələrini](#mouse-events) aşağıdakı parametrlər ilə genişləndirirlər: ```javascript number pointerId @@ -244,17 +245,17 @@ string pointerType boolean isPrimary ``` -A note on cross-browser support: +Brauzer dəstəyi haqqında qeyd: -Pointer events are not yet supported in every browser (at the time of writing this article, supported browsers include: Chrome, Firefox, Edge, and Internet Explorer). React deliberately does not polyfill support for other browsers because a standard-conform polyfill would significantly increase the bundle size of `react-dom`. +Pointer hadisələri bütün brauzerlər tərəfindən dəstəklənmirlər (bu sənədin yazıldığı zamanda yalnız Chrome, Firefox, Edge, və Internet Explorer bu hadisələri dəstəkləyir). React bilərəkdən digər brauzerlər üçün polifil dəstəkləmir. Bunun səbəni polifilin `react-dom` paketini ölçüsünü çox böyütməsidir. -If your application requires pointer events, we recommend adding a third party pointer event polyfill. +Əgər sizin applikasiyanıza pointer hadisələri lazımdırsa biz 3-cü tərəfli pointer hadisəsi polifili işlətməyi tövsiyyə edirik. * * * -### Selection Events {#selection-events} +### Seleksiya Hadisələri {#selection-events} -Event names: +Hadisə adları: ``` onSelect @@ -262,15 +263,15 @@ onSelect * * * -### Touch Events {#touch-events} +### Toxunuş Hadisələri {#touch-events} -Event names: +Hadisə adları: ``` onTouchCancel onTouchEnd onTouchMove onTouchStart ``` -Properties: +Parametrlər: ```javascript boolean altKey @@ -285,15 +286,15 @@ DOMTouchList touches * * * -### UI Events {#ui-events} +### UI Hadisələri {#ui-events} -Event names: +Hadisə adları: ``` onScroll ``` -Properties: +Parametrlər: ```javascript number detail @@ -302,15 +303,15 @@ DOMAbstractView view * * * -### Wheel Events {#wheel-events} +### Wheel Hadisələri {#wheel-events} -Event names: +Hadisə adları: ``` onWheel ``` -Properties: +Parametrlər: ```javascript number deltaMode @@ -321,9 +322,9 @@ number deltaZ * * * -### Media Events {#media-events} +### Media Hadisələri {#media-events} -Event names: +Hadisə adları: ``` onAbort onCanPlay onCanPlayThrough onDurationChange onEmptied onEncrypted @@ -334,9 +335,9 @@ onTimeUpdate onVolumeChange onWaiting * * * -### Image Events {#image-events} +### Şəkil Hadisələri {#image-events} -Event names: +Hadisə adları: ``` onLoad onError @@ -344,15 +345,15 @@ onLoad onError * * * -### Animation Events {#animation-events} +### Animasiya Hadisələri {#animation-events} -Event names: +Hadisə adları: ``` onAnimationStart onAnimationEnd onAnimationIteration ``` -Properties: +Parametrlər: ```javascript string animationName @@ -362,15 +363,15 @@ float elapsedTime * * * -### Transition Events {#transition-events} +### Keçid Hadisələri {#transition-events} -Event names: +Hadisə adları: ``` onTransitionEnd ``` -Properties: +Parametrlər: ```javascript string propertyName @@ -380,9 +381,9 @@ float elapsedTime * * * -### Other Events {#other-events} +### Digər Hadisələr {#other-events} -Event names: +Hadisə adları: ``` onToggle From fe132574202ee1ae7ab65ba52049519c805095b4 Mon Sep 17 00:00:00 2001 From: Gasim Gasimzada Date: Fri, 9 Aug 2019 16:45:13 +0400 Subject: [PATCH 4/5] Fix translation issues after self-review --- content/docs/reference-events.md | 19 +++++++++---------- 1 file changed, 9 insertions(+), 10 deletions(-) diff --git a/content/docs/reference-events.md b/content/docs/reference-events.md index 3ad4517b2..211016f23 100644 --- a/content/docs/reference-events.md +++ b/content/docs/reference-events.md @@ -10,7 +10,7 @@ Bu arayış React-in Hadisə Sisteminin bir hissəsini yaradan `SyntheticEvent`- ## İcmal {#overview} -Sizin hadisə işləyicilərin Your event handlers will be passed instances of `SyntheticEvent`-in instansiyaları kimi ötürüləcək. `SyntheticEvent` bütün brauzerlərdə uyğun olan brauzerin nativ hadisəsini əhatə edən obyektdir. Bunun interfeysi `stopPropagation()` və `preventDefault()` daxil olmaqla brauzerin nativ hadisəsi interfeysi ilə eynidir. Brauzerlərin Hadisənin özünəməxsus tətbiqindən fərqli olaraq `SyntecticEvent`-in bütün brauzerlərdə eyni formada işləməsidir. +Hadisə işləyiciləri React-ə `SyntheticEvent`-in instansiyaları kimi ötürüləcək. `SyntheticEvent` bütün brauzerlərdə eyni olan brauzerin nativ hadisəsini əhatə edən obyektdir. Bunun interfeysi `stopPropagation()` və `preventDefault()` daxil olmaqla brauzerin nativ hadisəsi interfeysi ilə eynidir. Brauzerlərin Hadisələrinin özünəməxsus tətbiqindən fərqli olaraq `SyntecticEvent` bütün brauzerlərdə eyni formada işləməyir. Əgər sizə hər hansı səbəbə görə brauzerin hadisəsi lazımdırsa, `nativeEvent` atributundan istifadə edin. Hər bir `SyntheticEvent` obyektinin aşağıda göstərilən atributları var: @@ -33,13 +33,12 @@ string type > Qeyd: > -> v0.14-cı versiyadan başlayaraq, hadisə işləyicilərindən `false` qaytardıqda hadisə yayılması dayandırılmayacaq. Bunun əvəzinə `e.stopPropagation()` və ya `e.preventDefault()` çağrılmalıdırlar. +> v0.14-cı versiyadan başlayaraq, hadisə işləyicilərindən `false` qaytardıqda hadisə yayılması dayandırılmayacaq. Bunun əvəzinə `e.stopPropagation()` və ya `e.preventDefault()` çağrılmalıdır. ### Hadisə Pulinqı {#event-pooling} `SyntheticEvent` pul olunur. Bu deməkdir ki, hadisə callback-i çağrıldıqdan sonra `SyntheticEvent` obyekti yenidən işlədiləcək və bütün parametrləri sıfırlanacaq. -Bunun səbəbi performans ilə bağlıdır. -Bu səbəbdən siz hadisəni asinxron formada işlədər bilməzsiniz. +Bunun səbəbi performans ilə bağlıdır. Bu səbəbdən siz hadisəni asinxron formada işlədə bilməzsiniz. ```javascript function onClick(event) { @@ -52,7 +51,7 @@ function onClick(event) { console.log(eventType); // => "click" }, 0); - // Bu işləməyəcək. this.state.clickEvent yalnız null dəyərləri saxlayacaq. + // Aşağıdaki işləməyəcək. this.state.clickEvent yalnız null dəyəri saxlayacaq. this.setState({clickEvent: event}); // Siz yenə də hadisə parametrlərini ixrac edə biləcəksiniz. @@ -62,11 +61,11 @@ function onClick(event) { > Qeyd: > -> Əgər siz hadisə parametrlərini asinxron formada işlətmək istəyirsinizsə, siz hadisədə `event.persist()` funksiyasını çağırmalısınız. Bu funksiya sintetik hadisəni puldan siləcək və istifadəçi kodunda hadisəyə referans saxlamaya icazə verəcək. +> Əgər hadisə parametrlərini asinxron formada işlətmək istəyirsinizsə, siz hadisədə `event.persist()` funksiyasını çağırmalısınız. Bu funksiya sintetik hadisəni puldan siləcək və istifadəçi kodunda hadisəyə referans saxlamağa icazə verəcək. ## Dəstəklənən Hadisələr {#supported-events} -Bütün brauzerlərdə eyni parametrlərinin olması üçün React hadisələri normallaşdırır. +Bütün brauzerlərdə eyni parametrlərinin olması üçün, React hadisələri normallaşdırır. Hadisə işləyiciləri hadisə tərəfindən bubbling fazasında çağrılır. Hadisə işləyicisini capture fazasında qeyd etmək üçün hadisə adının sonuna `Capture` mətnini əlavə edin. Məsələn, capture fazasında tıklama hadisəsini qeyd etmək üçün `onClick` əvəzinə `onClickCapture` işlətməlisiniz. @@ -149,7 +148,7 @@ boolean shiftKey number which ``` -`key` parametri [DOM 3-cü səviyyəli Hadisələr spesifikasiyasında](https://www.w3.org/TR/uievents-key/#named-key-attribute-values) olan bütün dəyərləri qəbul edə bilər. +`key` parametri [DOM-un 3-cü səviyyəli Hadisələr spesifikasiyasında](https://www.w3.org/TR/uievents-key/#named-key-attribute-values) olan bütün dəyərləri qəbul edə bilər. * * * @@ -161,7 +160,7 @@ Hadisə adları: onFocus onBlur ``` -Bu fokus hadisələri yalnız anketlərdə yox, React DOM-da olan bütün elementlərdə işləyirlər. +Fokus hadisələri yalnız anketlərdə yox, React DOM-da olan bütün elementlərdə də işləyirlər. Parametrlər: @@ -230,7 +229,7 @@ onLostPointerCapture onPointerEnter onPointerLeave onPointerOver onPointerOut Parametrlər: -[W3 spesifikasiyasında](https://www.w3.org/TR/pointerevents/) müəyyənlişdirildiyi kimi, pointer hadisələri [Maus Hadisələrini](#mouse-events) aşağıdakı parametrlər ilə genişləndirirlər: +[W3 spesifikasiyasında](https://www.w3.org/TR/pointerevents/) müəyyənləşdirildiyi kimi, pointer hadisələri [Maus Hadisələrini](#mouse-events) aşağıdakı parametrlər ilə genişləndirirlər: ```javascript number pointerId From 4cbbdd5f5dac4c4107d5971d3b8d5c2ac446ba9e Mon Sep 17 00:00:00 2001 From: Gasim Gasimzada Date: Wed, 21 Aug 2019 13:28:32 +0400 Subject: [PATCH 5/5] Fix syntheticevent according to @azizaismayilova's review --- content/docs/reference-events.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/content/docs/reference-events.md b/content/docs/reference-events.md index 211016f23..f1679749b 100644 --- a/content/docs/reference-events.md +++ b/content/docs/reference-events.md @@ -10,7 +10,7 @@ Bu arayış React-in Hadisə Sisteminin bir hissəsini yaradan `SyntheticEvent`- ## İcmal {#overview} -Hadisə işləyiciləri React-ə `SyntheticEvent`-in instansiyaları kimi ötürüləcək. `SyntheticEvent` bütün brauzerlərdə eyni olan brauzerin nativ hadisəsini əhatə edən obyektdir. Bunun interfeysi `stopPropagation()` və `preventDefault()` daxil olmaqla brauzerin nativ hadisəsi interfeysi ilə eynidir. Brauzerlərin Hadisələrinin özünəməxsus tətbiqindən fərqli olaraq `SyntecticEvent` bütün brauzerlərdə eyni formada işləməyir. +Hadisə işləyiciləri React-ə `SyntheticEvent`-in instansiyaları kimi ötürüləcək. `SyntheticEvent` bütün brauzerlərdə eyni olan brauzerin nativ hadisəsini əhatə edən obyektdir. Bunun interfeysi `stopPropagation()` və `preventDefault()` daxil olmaqla brauzerin nativ hadisəsi interfeysi ilə eynidir. Brauzerlərin Hadisələrinin özünəməxsus tətbiqindən fərqli olaraq `SyntecticEvent` bütün brauzerlərdə eyni formada işləmir. Əgər sizə hər hansı səbəbə görə brauzerin hadisəsi lazımdırsa, `nativeEvent` atributundan istifadə edin. Hər bir `SyntheticEvent` obyektinin aşağıda göstərilən atributları var: @@ -33,9 +33,9 @@ string type > Qeyd: > -> v0.14-cı versiyadan başlayaraq, hadisə işləyicilərindən `false` qaytardıqda hadisə yayılması dayandırılmayacaq. Bunun əvəzinə `e.stopPropagation()` və ya `e.preventDefault()` çağrılmalıdır. +> v0.14-cü versiyadan başlayaraq, hadisə işləyicilərindən `false` qaytardıqda hadisə yayılması dayandırılmayacaq. Bunun əvəzinə `e.stopPropagation()` və ya `e.preventDefault()` çağrılmalıdır. -### Hadisə Pulinqı {#event-pooling} +### Hadisə Pulinqi {#event-pooling} `SyntheticEvent` pul olunur. Bu deməkdir ki, hadisə callback-i çağrıldıqdan sonra `SyntheticEvent` obyekti yenidən işlədiləcək və bütün parametrləri sıfırlanacaq. Bunun səbəbi performans ilə bağlıdır. Bu səbəbdən siz hadisəni asinxron formada işlədə bilməzsiniz. @@ -51,7 +51,7 @@ function onClick(event) { console.log(eventType); // => "click" }, 0); - // Aşağıdaki işləməyəcək. this.state.clickEvent yalnız null dəyəri saxlayacaq. + // Aşağıdakı işləməyəcək. this.state.clickEvent yalnız null dəyəri saxlayacaq. this.setState({clickEvent: event}); // Siz yenə də hadisə parametrlərini ixrac edə biləcəksiniz.