Skip to content

Commit 59f153b

Browse files
author
Gasim Gasimzada
committed
Fix uncontrolled components after self-review
1 parent e9620a9 commit 59f153b

1 file changed

Lines changed: 6 additions & 6 deletions

File tree

content/docs/uncontrolled-components.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,9 @@ permalink: docs/uncontrolled-components.html
66

77
Biz çox halda, anketləri tətbiq etmək üçün [kontrol olunan komponentlər](/docs/forms.html) işlətməyi tövsiyyə edirik. Kontrol olunan komponentlərdə anket məlumatları React komponenti tərəfindən idarə olunur. Buna alternativ kontrolsuz komponentlərdir. Bu komponentlərdə anket məlumatları DOM tərəfindən idarə olunur.
88

9-
Kontrolsuz komponent yazmaq üçün bütün state yenilikləri üçün hadisə işləyiciləri yazmaq əvəzinə DOM-dan anket dəyərlərini almaq üçün [ref-dən istifadə edə bilərsiniz](/docs/refs-and-the-dom.html).
9+
Kontrolsuz komponent işlətdikdə DOM-dan anket dəyərlərini almaq üçün hadisə işləyiciləri ilə state-i yeniləmək əvəzinə [ref-dən istifadə edə bilərsiniz](/docs/refs-and-the-dom.html).
1010

11-
Məsələn, açağıdakı kodda kontrol olunmayan komponent birtək ad qəbul edir:
11+
Məsələn, aşağıdakı kodda kontrol olunmayan komponent tək ad qəbul edir:
1212

1313
```javascript{5,9,18}
1414
class NameForm extends React.Component {
@@ -39,13 +39,13 @@ class NameForm extends React.Component {
3939

4040
[**CodePen-də sınayın**](https://codepen.io/gaearon/pen/WooRWa?editors=0010)
4141

42-
Kontrolsuz komponentlərdə həqiqət mənbəyi DOM-da saxlanır. Bu səbədən React və React olmayan kodları kontrol komponentlərdən istifadə edərək inteqrasiya etmək daha asandır. Tez kod yazmaq üçün kontrolsuz komponentlər daha az koda səbəb ola bilər. Əks halda, kontrol olunan komponentlərdən istifadə edin.
42+
Kontrolsuz komponentlərdə həqiqət mənbəyi DOM-da saxlanır. Bu səbədən, kontrolsuz komponentlər ilə React və React olmayan kodları inteqrasiya etmək daha asandır. Komponentlər kontrolsuz olduqda yazılmış kodun həcmi daha kiçik ola bilər. Əks halda, kontrol olunan komponentlərdən istifadə edin.
4343

44-
Əgər xüsusi vəziyyətdə hansı tipli komponenti işlətməyi bilmirsinizsə [kontrol olunan və kontrolsuz anket sahələrinin müqayisəsi yazını](https://goshakkk.name/controlled-vs-uncontrolled-inputs-react/) faydalı tapa bilərsiniz.
44+
Əgər xüsusi ssenaridə hansı tipli komponenti işlətməyi bilmirsinizsə, [kontrol olunan və kontrolsuz anket sahələrinin müqayisəsi yazısını](https://goshakkk.name/controlled-vs-uncontrolled-inputs-react/) faydalı tapa bilərsiniz.
4545

4646
### Təyin Olunmayan Dəyərlər {#default-values}
4747

48-
React-in render zamanı, anket elementlərinin `value` atribut dəyəri DOM dəyərlərininin üzərindən yazılacaq. Kontrolsuz komponentlərdə təyin olunmayan dəyərlərin React tərəfindən bildirilməsini, sonrakı yeniliklərin isə kontrolsuz olmasını istəyə bilərsiniz. Bu ssenari üçün `value` atributu yerinə `defaultValue` atributundan istifadə edə bilərsiniz.
48+
React-in render zamanı anket elementlərinin `value` atribut dəyəri DOM dəyərlərininin üzərindən yazılacaq. Kontrolsuz komponentlərdə təyin olunmayan dəyərlərin React tərəfindən bildirilməsini sonrakı yeniliklərin isə kontrolsuz olmasını istəyə bilərsiniz. Bu ssenari üçün `value` atributu yerinə `defaultValue` atributundan istifadə edə bilərsiniz.
4949

5050
```javascript{7}
5151
render() {
@@ -76,7 +76,7 @@ Eyni formada, `<input type="checkbox">` və `<input type="radio">` elementləri
7676

7777
`<input type="file" />` elementinin dəyəri yalnız istifadəçi (proqram tərəfindən mümkün deyil) tərəfindən təyin edilir. Bu səbəbdən, bu element React-də həmişə kontrolsuz komponentdir.
7878

79-
Bu fayllar ilə işləyə bilmək üçün Fayl API-ından istifadə edin. Aşağıdakı nümunədə, göndərmə işləyicisindən fayllar ilə işləyə bilmək üçün [DOM noduna ref](/docs/refs-and-the-dom.html) əlavə olunur:
79+
İstifadəçi tərəfindən seçilmiş fayllar üzərində əməliyyatlar üçün Fayl API-ından istifadə edin. Aşağıdakı nümunədə, göndərmə işləyicisindən fayllardan istifadə edə bilmək üçün [DOM noduna ref](/docs/refs-and-the-dom.html) əlavə olunur:
8080

8181
`embed:uncontrolled-components/input-type-file.js`
8282

0 commit comments

Comments
 (0)