From 91a1cf943ab4f9a2dae66d91b669b6825c6b4ba4 Mon Sep 17 00:00:00 2001
From: Gasim Gasimzada <me@gasim.xyz>
Date: Wed, 14 Aug 2019 13:10:43 +0400
Subject: [PATCH 1/3] Translate Forms

---
 content/docs/forms.md | 120 +++++++++++++++++++++---------------------
 1 file changed, 60 insertions(+), 60 deletions(-)

diff --git a/content/docs/forms.md b/content/docs/forms.md
index 1a8b599d5..a5d4826d2 100644
--- a/content/docs/forms.md
+++ b/content/docs/forms.md
@@ -1,6 +1,6 @@
 ---
 id: forms
-title: Forms
+title: Anketlər
 permalink: docs/forms.html
 prev: lists-and-keys.html
 next: lifting-state-up.html
@@ -9,7 +9,7 @@ redirect_from:
   - "docs/forms-zh-CN.html"
 ---
 
-HTML form elements work a little bit differently from other DOM elements in React, because form elements naturally keep some internal state. For example, this form in plain HTML accepts a single name:
+React-də HTML anket elementləri digər DOM elementlərindən fərqli işləyirlər. Çünki anket elementlərinin təbii şəkildə daxili vəziyyəti olur. Məsələn, sadə HTML-də yazılmış anket tək ad qəbul edir:
 
 ```html
 <form>
@@ -17,19 +17,19 @@ HTML form elements work a little bit differently from other DOM elements in Reac
     Name:
     <input type="text" name="name" />
   </label>
-  <input type="submit" value="Submit" />
+  <input type="submit" value="Göndər" />
 </form>
 ```
 
-This form has the default HTML form behavior of browsing to a new page when the user submits the form. If you want this behavior in React, it just works. But in most cases, it's convenient to have a JavaScript function that handles the submission of the form and has access to the data that the user entered into the form. The standard way to achieve this is with a technique called "controlled components".
+Bu anketin istifadəçinin anketi göndərdiyində yeni səhifəyə dəyişməsi olan standart HTML anket davranışı var. Əgər siz React-də bu davranışı istəyirsinizsə, heç nə etmək lazım deyil. Lakin, bir çox halda anketin göndərilməsini idarə edən və istifadəçinin daxil etdiyi məlumatlardan istifadə edə bilən funksiyanın olması əlverişlidir. Bu funksionallığı tətbiq etmək üçün "kontrol olunan komponentlərdən" istifadə edə bilərsiniz.
 
-## Controlled Components {#controlled-components}
+## Kontrol Olunan Komponentlərə #controlled-components}
 
-In HTML, form elements such as `<input>`, `<textarea>`, and `<select>` typically maintain their own state and update it based on user input. In React, mutable state is typically kept in the state property of components, and only updated with [`setState()`](/docs/react-component.html#setstate).
+HTML-də `<input>`, `<textarea>` və `<select>` kimi anket elementləri öz vəziyyətlərini saxlayır və istifadəçi daxil etməsi əsasında vəziyyəti yeniləyirlər. React-də isə dəyişən vəziyyət komponentin state parametrində yerləşir və yalnız [`setState()`](/docs/react-component.html#setstate) ilə yenilənir.
 
-We can combine the two by making the React state be the "single source of truth". Then the React component that renders a form also controls what happens in that form on subsequent user input. An input form element whose value is controlled by React in this way is called a "controlled component".
+Biz bu iki konsepsiyanı birləşdirib React state-ini "vahid həqiqət mənbəyi" edə bilərik. Nəticədə anketi render edən React komponenti, sonrakı istifadəçi daxil etmələri əsasında anketdə nə baş verdiyini idarə edir. Dəyəri React tərəfindən idarə edilən anket sahə elementi "kontrol olunan komponent" adlıanır.
 
-For example, if we want to make the previous example log the name when it is submitted, we can write the form as a controlled component:
+Məsələn, əgər əvvəlki misalda istifadəçi anketi göndərdiyi zaman adı loq etmək istəyiriksə, anketi kontrol olunan komponent kimi yaza bilərik:
 
 ```javascript{4,10-12,24}
 class NameForm extends React.Component {
@@ -46,7 +46,7 @@ class NameForm extends React.Component {
   }
 
   handleSubmit(event) {
-    alert('A name was submitted: ' + this.state.value);
+    alert('Göndərilən ad: ' + this.state.value);
     event.preventDefault();
   }
 
@@ -54,21 +54,21 @@ class NameForm extends React.Component {
     return (
       <form onSubmit={this.handleSubmit}>
         <label>
-          Name:
+          Ad:
           <input type="text" value={this.state.value} onChange={this.handleChange} />
         </label>
-        <input type="submit" value="Submit" />
+        <input type="submit" value="Göndər" />
       </form>
     );
   }
 }
 ```
 
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/VmmPgp?editors=0010)
+[**CodePen-də sınayın**](https://codepen.io/gaearon/pen/VmmPgp?editors=0010)
 
-Since the `value` attribute is set on our form element, the displayed value will always be `this.state.value`, making the React state the source of truth. Since `handleChange` runs on every keystroke to update the React state, the displayed value will update as the user types.
+Anket elementində `value` atributu təyin edildiyindən, anketin göstərdiyi dəyər həmişə `this.state.value` olacaq. Bu React state-ini vahid həqiqə mənbəyi edəcək. `handleChange` hadisə işləyicisi hər klaviş tıklandığında çağrılıb React state-ini yenilədiyindən, göstərilən dəyər istifadəçi daxil edə edə yenilənəcək.
 
-With a controlled component, every state mutation will have an associated handler function. This makes it straightforward to modify or validate user input. For example, if we wanted to enforce that names are written with all uppercase letters, we could write `handleChange` as:
+Kontrol olunan komponentdə, hər state dəyişikliyi üçün uyğun olan idarə edici funksiya olur. Bu istifadəçi daxil etməsinin dəyişməsini və təsdiq edilməsini asanlaşdırır. Məsələn, əgər biz bütün yazılan adların böyük hərf ilə yazımasını istəyiriksə `handleChange` funksiyasını aşağıdaki kimi dəyişə bilərik:
 
 ```javascript{2}
 handleChange(event) {
@@ -76,24 +76,24 @@ handleChange(event) {
 }
 ```
 
-## The textarea Tag {#the-textarea-tag}
+## textarea Təqi {#the-textarea-tag}
 
-In HTML, a `<textarea>` element defines its text by its children:
+HTML-də, `<textarea>` elementinin yazısı uşaq tərəfindən təyin edilir:
 
 ```html
 <textarea>
-  Hello there, this is some text in a text area
+  Salam, bu yazı sahəsində yerləşən bir mətndir
 </textarea>
 ```
 
-In React, a `<textarea>` uses a `value` attribute instead. This way, a form using a `<textarea>` can be written very similarly to a form that uses a single-line input:
+React-də isə `<textarea>` `value` atributundan istifadə edir. Bu `<textarea>` ilə bir sətrli anket sahəsinin işləməsini uyğunlaşdırır:
 
 ```javascript{4-6,12-14,26}
 class EssayForm extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
-      value: 'Please write an essay about your favorite DOM element.'
+      value: 'Sevdiyiniz DOM elementi haqqında esse yazın.'
     };
 
     this.handleChange = this.handleChange.bind(this);
@@ -105,7 +105,7 @@ class EssayForm extends React.Component {
   }
 
   handleSubmit(event) {
-    alert('An essay was submitted: ' + this.state.value);
+    alert('Göndərilən esse: ' + this.state.value);
     event.preventDefault();
   }
 
@@ -113,32 +113,32 @@ class EssayForm extends React.Component {
     return (
       <form onSubmit={this.handleSubmit}>
         <label>
-          Essay:
+          Esse:
           <textarea value={this.state.value} onChange={this.handleChange} />
         </label>
-        <input type="submit" value="Submit" />
+        <input type="submit" value="Göndər" />
       </form>
     );
   }
 }
 ```
 
-Notice that `this.state.value` is initialized in the constructor, so that the text area starts off with some text in it.
+Nəzərə alın ki, `this.state.value` konstruktorda inisializasiya olunduğundan yazı sahəsi hər hansı bir mətn ilə başlayacaq.
 
-## The select Tag {#the-select-tag}
+## select Təqi {#the-select-tag}
 
-In HTML, `<select>` creates a drop-down list. For example, this HTML creates a drop-down list of flavors:
+HTML-də drop-down siyahısı düzəltmək üçün `<select>`  işlədilir. Məsələn, aşağıda göstərilən HTML kodu dadlar üçün drop-down siyahısı düzəldir:
 
 ```html
 <select>
-  <option value="grapefruit">Grapefruit</option>
-  <option value="lime">Lime</option>
-  <option selected value="coconut">Coconut</option>
-  <option value="mango">Mango</option>
+  <option value="grapefruit">Qreypfrut</option>
+  <option value="lime">Laym</option>
+  <option selected value="coconut">Kokos</option>
+  <option value="mango">Manqo</option>
 </select>
 ```
 
-Note that the Coconut option is initially selected, because of the `selected` attribute. React, instead of using this `selected` attribute, uses a `value` attribute on the root `select` tag. This is more convenient in a controlled component because you only need to update it in one place. For example:
+Nəzərə alın ki, Kokos seçimində `selected` atributu olduğundan, bu seçim ilk seçilmiş olacaq. React-də `selected` atributu əvəzinə, ana `select` təqində `value` atributundan istifadə edin. Kontrol olunan komponentdə yeniliyi yalnız bir yerdə təyin etmək əlverişlidir:
 
 ```javascript{4,10-12,24}
 class FlavorForm extends React.Component {
@@ -155,7 +155,7 @@ class FlavorForm extends React.Component {
   }
 
   handleSubmit(event) {
-    alert('Your favorite flavor is: ' + this.state.value);
+    alert('Ən sevdiyiniz dad: ' + this.state.value);
     event.preventDefault();
   }
 
@@ -163,48 +163,48 @@ class FlavorForm extends React.Component {
     return (
       <form onSubmit={this.handleSubmit}>
         <label>
-          Pick your favorite flavor:
+          Sevdiyiniz dadı seçin:
           <select value={this.state.value} onChange={this.handleChange}>
-            <option value="grapefruit">Grapefruit</option>
-            <option value="lime">Lime</option>
-            <option value="coconut">Coconut</option>
-            <option value="mango">Mango</option>
+            <option value="grapefruit">Qreypfrut</option>
+            <option value="lime">Laym</option>
+            <option value="coconut">Kokos</option>
+            <option value="mango">Manqo</option>
           </select>
         </label>
-        <input type="submit" value="Submit" />
+        <input type="submit" value="Göndər" />
       </form>
     );
   }
 }
 ```
 
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/JbbEzX?editors=0010)
+[**CodePen-də sınayın**](https://codepen.io/gaearon/pen/JbbEzX?editors=0010)
 
-Overall, this makes it so that `<input type="text">`, `<textarea>`, and `<select>` all work very similarly - they all accept a `value` attribute that you can use to implement a controlled component.
+React, `<input type="text">`, `<textarea>` və `<select>` elementlərinin eyni formada işləməsini təmin edir. Bu elementlər hamısı kontrol olunan komponent tətbiq etmək üçün `value` atributu qəbul edirlər.
 
-> Note
+> Qeyd
 >
-> You can pass an array into the `value` attribute, allowing you to select multiple options in a `select` tag:
+> `select` təqində bir neçə seçimi seçə bilmək üçün `value` atributuna massiv göndərə bilərsiniz:
 >
 >```js
 ><select multiple={true} value={['B', 'C']}>
 >```
 
-## The file input Tag {#the-file-input-tag}
+## Fayl daxil etmə Təqi {#the-file-input-tag}
 
-In HTML, an `<input type="file">` lets the user choose one or more files from their device storage to be uploaded to a server or manipulated by JavaScript via the [File API](https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications).
+HTML-də `<input type="file">` təqi istifadəçiyə bir və ya bir neçə faylı cihazın yaddaşından seçib serverə yükləməyə və ya [File API](https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications) ilə JavaScript-də manipulyasiya etməyə icazə verir.
 
 ```html
 <input type="file" />
 ```
 
-Because its value is read-only, it is an **uncontrolled** component in React. It is discussed together with other uncontrolled components [later in the documentation](/docs/uncontrolled-components.html#the-file-input-tag).
+Bu elementin dəyərinin yalnız oxuna bilən olduğundan, bu element React-də **kontrolsuz** komponent olur. [Gələcək sənədlərdə](/docs/uncontrolled-components.html#the-file-input-tag) bu element və digər kontrolsuz komponentlərdən danışacağıq.
 
-## Handling Multiple Inputs {#handling-multiple-inputs}
+## Bir Neçə Daxil Olmanın İdarəsi {#handling-multiple-inputs}
 
-When you need to handle multiple controlled `input` elements, you can add a `name` attribute to each element and let the handler function choose what to do based on the value of `event.target.name`.
+Əgər bir neçə `input` elementini idarə etmək istəyirsinizsə hər elementə  `name` atributu əlavə edərək hadisə işləyicisinin `event.target.name` dəyəri əsasında hansı anket sahəsini yeniləyəcəyini müəyyənləşdirin.
 
-For example:
+Məsələn:
 
 ```javascript{15,18,28,37}
 class Reservation extends React.Component {
@@ -232,7 +232,7 @@ class Reservation extends React.Component {
     return (
       <form>
         <label>
-          Is going:
+          Gedirsiniz:
           <input
             name="isGoing"
             type="checkbox"
@@ -241,7 +241,7 @@ class Reservation extends React.Component {
         </label>
         <br />
         <label>
-          Number of guests:
+          Qonaqların sayı:
           <input
             name="numberOfGuests"
             type="number"
@@ -254,9 +254,9 @@ class Reservation extends React.Component {
 }
 ```
 
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/wgedvV?editors=0010)
+[**CodePen-də sınayın**](https://codepen.io/gaearon/pen/wgedvV?editors=0010)
 
-Note how we used the ES6 [computed property name](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Object_initializer#Computed_property_names) syntax to update the state key corresponding to the given input name:
+Nəzərə alın ki, lazım olan state açarını veriən anket sahəsi adı əsasında yeniləmək üçün ES6 [hesablanmış parametr adı](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Object_initializer#Computed_property_names) sintaksisindən istifadə etmişik:
 
 ```js{2}
 this.setState({
@@ -264,7 +264,7 @@ this.setState({
 });
 ```
 
-It is equivalent to this ES5 code:
+Bu kodun eqvivalenti ES5-də aşağıdaki formadadır:
 
 ```js{2}
 var partialState = {};
@@ -272,13 +272,13 @@ partialState[name] = value;
 this.setState(partialState);
 ```
 
-Also, since `setState()` automatically [merges a partial state into the current state](/docs/state-and-lifecycle.html#state-updates-are-merged), we only needed to call it with the changed parts.
+Əlavə olaraq `setState()` avtomatik olaraq [yarı state-i cari state-ə birləşdirdiyindən](/docs/state-and-lifecycle.html#state-updates-are-merged), biz bu funksiyanı yalnız dəyişən dəyərlər ilə çağıra bilirik.
 
-## Controlled Input Null Value {#controlled-input-null-value}
+## Null Dəyərli Daxil Olmanın İdarəsi {#controlled-input-null-value}
 
-Specifying the value prop on a [controlled component](/docs/forms.html#controlled-components) prevents the user from changing the input unless you desire so. If you've specified a `value` but the input is still editable, you may have accidentally set `value` to `undefined` or `null`.
+[Kontrol olunan komponentdə](/docs/forms.html#controlled-components) `value` propunu təyin etdikdə istifadəçinin yalnız istədiyiniz zaman anket sahəsini dəyişməsinə icazə verə bilərsiniz. Əgər sizin `value` təyin etdiyinizdən asılı olmayaraq anket sahəsinin dəyəri dəyişrisə istəmədən `value`-nu `undefined` və `null` ilə təyin etmiş ola bilərsiniz.
 
-The following code demonstrates this. (The input is locked at first but becomes editable after a short delay.)
+Aşağıdaki kod bu problemi göstərir. (Anket sahəsi ilkin olaraq dəyişə bilmir amma bir zamandan sonra dəyişə bilir.)
 
 ```javascript
 ReactDOM.render(<input value="hi" />, mountNode);
@@ -289,10 +289,10 @@ setTimeout(function() {
 
 ```
 
-## Alternatives to Controlled Components {#alternatives-to-controlled-components}
+## Kontrol Olunan Komponentlərə Alternativlər {#alternatives-to-controlled-components}
 
-It can sometimes be tedious to use controlled components, because you need to write an event handler for every way your data can change and pipe all of the input state through a React component. This can become particularly annoying when you are converting a preexisting codebase to React, or integrating a React application with a non-React library. In these situations, you might want to check out [uncontrolled components](/docs/uncontrolled-components.html), an alternative technique for implementing input forms.
+Hər bir məlumat dəyişikliyi üçün hadisə işləyicisi yazmaq və bütün daxil olma state-lərini React komponentindən keçirmək yorucu ola bilər. Mövcud kodu React-ə çevirdikdə və ya React applikasiyasını React olmayan kitabxana ilə inteqrasiya etdikdə bu problem xüsusi ilə yorucu ola bilər. Bu hallarda anket sahələrini başqa formada idarə etmək üçün [kontrolsuz komponentləri](/docs/uncontrolled-components.html) gözdən keçirin.
 
-## Fully-Fledged Solutions {#fully-fledged-solutions}
+## Tam Yazılmış Həll {#fully-fledged-solutions}
 
-If you're looking for a complete solution including validation, keeping track of the visited fields, and handling form submission, [Formik](https://jaredpalmer.com/formik) is one of the popular choices. However, it is built on the same principles of controlled components and managing state — so don't neglect to learn them.
+Əgər sizə təsdiq etməsi olan, ziyarət edilən elementləri izləyə bilən və anket göndərməsini idarə edən tam həll lazımdırsa, ən populyar olan [Formik](https://jaredpalmer.com/formik) kitabxanasına baxın. Lakin bu kitabxana state-in idarə edilməsi və kontrol olunan komponentlərin prinsipləri əsasında düzəldilib. Bu səbəbdən bu konsepsiyaları öyrənməkdən çəkinməyin.

From 28a466ece75ba788c6f08bfa6416e415268c9821 Mon Sep 17 00:00:00 2001
From: Gasim Gasimzada <me@gasim.xyz>
Date: Wed, 14 Aug 2019 13:14:07 +0400
Subject: [PATCH 2/3] Fix URL in heading for Controlled Components

---
 content/docs/forms.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/forms.md b/content/docs/forms.md
index a5d4826d2..ef1e72a72 100644
--- a/content/docs/forms.md
+++ b/content/docs/forms.md
@@ -23,7 +23,7 @@ React-də HTML anket elementləri digər DOM elementlərindən fərqli işləyir
 
 Bu anketin istifadəçinin anketi göndərdiyində yeni səhifəyə dəyişməsi olan standart HTML anket davranışı var. Əgər siz React-də bu davranışı istəyirsinizsə, heç nə etmək lazım deyil. Lakin, bir çox halda anketin göndərilməsini idarə edən və istifadəçinin daxil etdiyi məlumatlardan istifadə edə bilən funksiyanın olması əlverişlidir. Bu funksionallığı tətbiq etmək üçün "kontrol olunan komponentlərdən" istifadə edə bilərsiniz.
 
-## Kontrol Olunan Komponentlərə #controlled-components}
+## Kontrol Olunan Komponentlər {#controlled-components}
 
 HTML-də `<input>`, `<textarea>` və `<select>` kimi anket elementləri öz vəziyyətlərini saxlayır və istifadəçi daxil etməsi əsasında vəziyyəti yeniləyirlər. React-də isə dəyişən vəziyyət komponentin state parametrində yerləşir və yalnız [`setState()`](/docs/react-component.html#setstate) ilə yenilənir.
 

From 11c3536530301e5d2fb8975f2f1248d922a31c97 Mon Sep 17 00:00:00 2001
From: Gasim Gasimzada <me@gasim.xyz>
Date: Thu, 15 Aug 2019 10:46:21 +0400
Subject: [PATCH 3/3] Fix form issues after self-review

---
 content/docs/forms.md | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/content/docs/forms.md b/content/docs/forms.md
index ef1e72a72..517b52d8c 100644
--- a/content/docs/forms.md
+++ b/content/docs/forms.md
@@ -9,7 +9,7 @@ redirect_from:
   - "docs/forms-zh-CN.html"
 ---
 
-React-də HTML anket elementləri digər DOM elementlərindən fərqli işləyirlər. Çünki anket elementlərinin təbii şəkildə daxili vəziyyəti olur. Məsələn, sadə HTML-də yazılmış anket tək ad qəbul edir:
+React-də HTML anket elementləri digər DOM elementlərindən fərqli işləyirlər. Çünki anket elementlərinin təbii şəkildə daxili vəziyyəti olur. Məsələn, gəlin sadə HTML-də yazılmış yalnız ad qəbul edən anketə baxaq:
 
 ```html
 <form>
@@ -21,13 +21,13 @@ React-də HTML anket elementləri digər DOM elementlərindən fərqli işləyir
 </form>
 ```
 
-Bu anketin istifadəçinin anketi göndərdiyində yeni səhifəyə dəyişməsi olan standart HTML anket davranışı var. Əgər siz React-də bu davranışı istəyirsinizsə, heç nə etmək lazım deyil. Lakin, bir çox halda anketin göndərilməsini idarə edən və istifadəçinin daxil etdiyi məlumatlardan istifadə edə bilən funksiyanın olması əlverişlidir. Bu funksionallığı tətbiq etmək üçün "kontrol olunan komponentlərdən" istifadə edə bilərsiniz.
+İstifadəçi bu anketi göndərdiyində cari səhifə yeni səhifəyə keçir. Bu standard HTML anket davranışıdır. Əgər siz React-də bu davranışı istəyirsinizsə əlavə heç nə etmək lazım deyil. Lakin, bir çox halda anketin göndərilməsini idarə edən və istifadəçinin daxil etdiyi məlumatlardan istifadə edə bilən funksiyanın olması əlverişlidir. Bu funksionallığı tətbiq etmək üçün "kontrol olunan komponentlərdən" istifadə edilir.
 
 ## Kontrol Olunan Komponentlər {#controlled-components}
 
-HTML-də `<input>`, `<textarea>` və `<select>` kimi anket elementləri öz vəziyyətlərini saxlayır və istifadəçi daxil etməsi əsasında vəziyyəti yeniləyirlər. React-də isə dəyişən vəziyyət komponentin state parametrində yerləşir və yalnız [`setState()`](/docs/react-component.html#setstate) ilə yenilənir.
+HTML-də `<input>`, `<textarea>` və `<select>` kimi anket elementləri,. öz vəziyyətlərini saxlayır və istifadəçi daxil etməsi əsasında vəziyyəti yeniləyirlər. React-də isə dəyişən vəziyyət, komponentin state parametrində yerləşir və yalnız [`setState()`](/docs/react-component.html#setstate) ilə yenilənir.
 
-Biz bu iki konsepsiyanı birləşdirib React state-ini "vahid həqiqət mənbəyi" edə bilərik. Nəticədə anketi render edən React komponenti, sonrakı istifadəçi daxil etmələri əsasında anketdə nə baş verdiyini idarə edir. Dəyəri React tərəfindən idarə edilən anket sahə elementi "kontrol olunan komponent" adlıanır.
+Biz bu iki konsepsiyanı birləşdirib React state-ini "vahid həqiqət mənbəyi" edə bilərik. Nəticədə, anketi render edən React komponenti, sonrakı istifadəçi daxil etmələri əsasında anketdə nə baş verdiyini idarə edir. Dəyəri React tərəfindən idarə edilən anket sahə elementi "kontrol olunan komponent" adlanır.
 
 Məsələn, əgər əvvəlki misalda istifadəçi anketi göndərdiyi zaman adı loq etmək istəyiriksə, anketi kontrol olunan komponent kimi yaza bilərik:
 
@@ -66,9 +66,9 @@ class NameForm extends React.Component {
 
 [**CodePen-də sınayın**](https://codepen.io/gaearon/pen/VmmPgp?editors=0010)
 
-Anket elementində `value` atributu təyin edildiyindən, anketin göstərdiyi dəyər həmişə `this.state.value` olacaq. Bu React state-ini vahid həqiqə mənbəyi edəcək. `handleChange` hadisə işləyicisi hər klaviş tıklandığında çağrılıb React state-ini yenilədiyindən, göstərilən dəyər istifadəçi daxil edə edə yenilənəcək.
+Anket elementində `value` atributu təyin edildiyindən, anketin göstərdiyi dəyər həmişə `this.state.value` olacaq və React state-i anket üçün vahid həqiqə mənbəyi olacaq. `handleChange` hadisə işləyicisi hər klaviş tıklamasında çağrılıb React state-ini yenilədiyindən anket sahəsində göstərilən dəyər həmişə yeni olacaq.
 
-Kontrol olunan komponentdə, hər state dəyişikliyi üçün uyğun olan idarə edici funksiya olur. Bu istifadəçi daxil etməsinin dəyişməsini və təsdiq edilməsini asanlaşdırır. Məsələn, əgər biz bütün yazılan adların böyük hərf ilə yazımasını istəyiriksə `handleChange` funksiyasını aşağıdaki kimi dəyişə bilərik:
+Kontrol olunan komponentdə, hər state dəyişikliyi üçün uyğun olan idarə edici funksiya olur. Bu funksiya, istifadəçi daxil etməsinin dəyişməsini və təsdiq edilməsini asanlaşdırır. Məsələn, əgər yazılan adların böyük hərf ilə saxlanmasını istəyiriksə `handleChange` funksiyasını aşağıdaki kimi dəyişə bilərik:
 
 ```javascript{2}
 handleChange(event) {
@@ -78,7 +78,7 @@ handleChange(event) {
 
 ## textarea Təqi {#the-textarea-tag}
 
-HTML-də, `<textarea>` elementinin yazısı uşaq tərəfindən təyin edilir:
+HTML-də `<textarea>` elementinin yazısı uşaq tərəfindən təyin edilir:
 
 ```html
 <textarea>
@@ -86,7 +86,7 @@ HTML-də, `<textarea>` elementinin yazısı uşaq tərəfindən təyin edilir:
 </textarea>
 ```
 
-React-də isə `<textarea>` `value` atributundan istifadə edir. Bu `<textarea>` ilə bir sətrli anket sahəsinin işləməsini uyğunlaşdırır:
+React-də isə `<textarea>` üçün `value` atributundan istifadə edilir. Bu, `<textarea>` ilə bir-sətrli anket sahəsinin işləməsini uyğunlaşdırır:
 
 ```javascript{4-6,12-14,26}
 class EssayForm extends React.Component {
@@ -138,7 +138,7 @@ HTML-də drop-down siyahısı düzəltmək üçün `<select>`  işlədilir. Məs
 </select>
 ```
 
-Nəzərə alın ki, Kokos seçimində `selected` atributu olduğundan, bu seçim ilk seçilmiş olacaq. React-də `selected` atributu əvəzinə, ana `select` təqində `value` atributundan istifadə edin. Kontrol olunan komponentdə yeniliyi yalnız bir yerdə təyin etmək əlverişlidir:
+Nəzərə alın ki, Kokos seçimində `selected` atributu olduğundan, bu seçim ilk seçilmiş olacaq. React-də `selected` atributu əvəzinə ana `select` təqinin `value` atributundan istifadə edilir. Kontrol olunan komponentdə yeniliyi yalnız bir yerdə təyin etmək əlverişlidir:
 
 ```javascript{4,10-12,24}
 class FlavorForm extends React.Component {
@@ -180,7 +180,7 @@ class FlavorForm extends React.Component {
 
 [**CodePen-də sınayın**](https://codepen.io/gaearon/pen/JbbEzX?editors=0010)
 
-React, `<input type="text">`, `<textarea>` və `<select>` elementlərinin eyni formada işləməsini təmin edir. Bu elementlər hamısı kontrol olunan komponent tətbiq etmək üçün `value` atributu qəbul edirlər.
+React, `<input type="text">`, `<textarea>` və `<select>` elementlərinin eyni formada işləməsini təmin edir. Kontrol olunan komponent tətbiq edə bilmək üçün bu elementlər `value` atributu qəbul edirlər.
 
 > Qeyd
 >
@@ -198,7 +198,7 @@ HTML-də `<input type="file">` təqi istifadəçiyə bir və ya bir neçə fayl
 <input type="file" />
 ```
 
-Bu elementin dəyərinin yalnız oxuna bilən olduğundan, bu element React-də **kontrolsuz** komponent olur. [Gələcək sənədlərdə](/docs/uncontrolled-components.html#the-file-input-tag) bu element və digər kontrolsuz komponentlərdən danışacağıq.
+Bu elementin dəyərinin yalnız oxuna bilən olduğundan, bu element React-də **kontrolsuz** komponent olur. [Gələcək sənədlərdə](/docs/uncontrolled-components.html#the-file-input-tag) bu və digər kontrolsuz komponentlərdən danışacağıq.
 
 ## Bir Neçə Daxil Olmanın İdarəsi {#handling-multiple-inputs}
 
@@ -256,7 +256,7 @@ class Reservation extends React.Component {
 
 [**CodePen-də sınayın**](https://codepen.io/gaearon/pen/wgedvV?editors=0010)
 
-Nəzərə alın ki, lazım olan state açarını veriən anket sahəsi adı əsasında yeniləmək üçün ES6 [hesablanmış parametr adı](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Object_initializer#Computed_property_names) sintaksisindən istifadə etmişik:
+Nəzərə alın ki, lazım olan state açarını, verilən anket sahəsi adı əsasında yeniləmək üçün ES6 [hesablanmış parametr adı](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Object_initializer#Computed_property_names) sintaksisindən istifadə etmişik:
 
 ```js{2}
 this.setState({
@@ -264,7 +264,7 @@ this.setState({
 });
 ```
 
-Bu kodun eqvivalenti ES5-də aşağıdaki formadadır:
+Bu kodun ES5 eqvivalenti aşağıdaki formadadır:
 
 ```js{2}
 var partialState = {};
@@ -276,7 +276,7 @@ this.setState(partialState);
 
 ## Null Dəyərli Daxil Olmanın İdarəsi {#controlled-input-null-value}
 
-[Kontrol olunan komponentdə](/docs/forms.html#controlled-components) `value` propunu təyin etdikdə istifadəçinin yalnız istədiyiniz zaman anket sahəsini dəyişməsinə icazə verə bilərsiniz. Əgər sizin `value` təyin etdiyinizdən asılı olmayaraq anket sahəsinin dəyəri dəyişrisə istəmədən `value`-nu `undefined` və `null` ilə təyin etmiş ola bilərsiniz.
+[Kontrol olunan komponentin](/docs/forms.html#controlled-components) `value` propunu təyin etdikdə istifadəçinin anket sahəsini dəyişməsini idarə edə bilərsiniz. Əgər `value` təyin edildiyindən asılı olmayaraq anket sahəsinin dəyəri dəyişə bilirsə, siz istəmədən `value`-nu `undefined` və `null` ilə təyin etmiş ola bilərsiniz.
 
 Aşağıdaki kod bu problemi göstərir. (Anket sahəsi ilkin olaraq dəyişə bilmir amma bir zamandan sonra dəyişə bilir.)
 
@@ -291,7 +291,7 @@ setTimeout(function() {
 
 ## Kontrol Olunan Komponentlərə Alternativlər {#alternatives-to-controlled-components}
 
-Hər bir məlumat dəyişikliyi üçün hadisə işləyicisi yazmaq və bütün daxil olma state-lərini React komponentindən keçirmək yorucu ola bilər. Mövcud kodu React-ə çevirdikdə və ya React applikasiyasını React olmayan kitabxana ilə inteqrasiya etdikdə bu problem xüsusi ilə yorucu ola bilər. Bu hallarda anket sahələrini başqa formada idarə etmək üçün [kontrolsuz komponentləri](/docs/uncontrolled-components.html) gözdən keçirin.
+Hər bir məlumat dəyişikliyi üçün hadisə işləyicisi yazmaq və bütün daxil olma state-lərini React komponentindən keçirmək yorucu ola bilər. Mövcud kodu React-ə çevirdikdə və ya React applikasiyasını React olmayan kitabxana ilə inteqrasiya etdikdə bu problem xüsusi ilə yorucu ola bilər. Belə hallarda anket sahələrini başqa formada idarə etmək üçün [kontrolsuz komponentləri](/docs/uncontrolled-components.html) gözdən keçirin.
 
 ## Tam Yazılmış Həll {#fully-fledged-solutions}