Skip to content

Commit 245b010

Browse files
authored
uncontrolled-components.md: fixes
1 parent 130ff9a commit 245b010

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

content/docs/uncontrolled-components.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@ title: Неконтролируемые компоненты
44
permalink: docs/uncontrolled-components.html
55
---
66

7-
В большинстве случаев мы рекомендуем использовать [контролируемые компоненты](/docs/forms.html) для работы с формами. В контролируемом компоненте, данные формы обрабатываются React-компонентом. Альтернативой являются неконтролируемые компоненты, где данные форм обрабатываются через DOM.
7+
В большинстве случаев мы рекомендуем использовать [контролируемые компоненты](/docs/forms.html) для работы с формами. В контролируемом компоненте, данные формы обрабатываются React-компонентом. В качестве альтернативы можно использовать неконтролируемые компоненты. Они хранят данные формы прямо в DOM.
88

9-
Вместо того, чтобы писать обработчик события для каждого обновления состояния, вы можете использовать неконтролируемый компонент и [реф](/docs/refs-and-the-dom.html) для получения значений из DOM.
9+
Вместо того, чтобы писать обработчик события для каждого обновления состояния, вы можете использовать неконтролируемый компонент и читать значения из DOM через [реф](/docs/refs-and-the-dom.html).
1010

1111
Вот так, к примеру, можно получить имя в обработчике неконтролируемого компонента:
1212

@@ -41,11 +41,11 @@ class NameForm extends React.Component {
4141

4242
Такие компоненты хранят данные в DOM и их проще интегрировать в не React-приложении. Этот код можно сократить, если пожертвовать стилистикой. В противном случае лучше использовать контролируемые компоненты.
4343

44-
Если всё ещё остаётся непонятным какой тип компонента вам необходимо использовать в конкретной ситуации, то, возможно, [статья о контролируемых против некотролируемых input'ах](http://goshakkk.name/controlled-vs-uncontrolled-inputs-react/) может показаться полезной.
44+
Если всё ещё остаётся неясным, какой тип компонента необходимо использовать в конкретной ситуации, то, возможно, [статья про сравнение контролируемых и некотролируемых полях ввода](http://goshakkk.name/controlled-vs-uncontrolled-inputs-react/) может показаться полезной.
4545

4646
### Значения по умолчанию {#default-values}
4747

48-
На этапе рендеринга жизненного цикла в React, атрибут `value` на элементах формы будет переопределять значение в DOM. С неконтролируемым компонентом вам часто необходимо, чтобы React определял первоначальное значение, но оставлял неконтролируемыми последующие обновления. В этом случае, необходимо определить атрибут `defaultValue` вместо `value`.
48+
На этапе рендеринга жизненного цикла в React, атрибут `value` полей ввода переопределяет значение в DOM. С неконтролируемым компонентом зачастую нужно, чтобы React опредил первоначальное значение, но впоследствии ничего не делал с ним. В этом случае необходимо определить атрибут `defaultValue` вместо `value`.
4949

5050
```javascript{7}
5151
render() {
@@ -68,15 +68,15 @@ render() {
6868

6969
## Тег поля загрузки файла {#the-file-input-tag}
7070

71-
HTML-тег `<input type="file">` позволяет пользователю выбрать один или несколько файлов из хранилища, чтобы загрузить их на сервер, либо управлять ими с помощью JavaScript, воспользовавшись [File API](https://developer.mozilla.org/ru/docs/Web/API/File/Using_files_from_web_applications).
71+
HTML-тег `<input type="file">` позволяет пользователю выбрать один или несколько файлов из дискового устройства, чтобы загрузить их на сервер, либо управлять ими с помощью JavaScript через [File API](https://developer.mozilla.org/ru/docs/Web/API/File/Using_files_from_web_applications).
7272

7373
```html
7474
<input type="file" />
7575
```
7676

7777
В React `<input type="file">` всегда является неконтролируемым компонентом, потому что его значение может быть установлено только пользователем, а не программным путём.
7878

79-
Вам следует использовать File API для взаимодействия с файлами. В следующем примере показано, как создать [реф на DOM-узел](/docs/refs-and-the-dom.html) для получения доступа к файлам в обработчике отправки:
79+
Следует использовать File API для взаимодействия с файлами. В следующем примере показано, как создать [реф на DOM-узел](/docs/refs-and-the-dom.html), чтобы получить доступ к файлам в обработчике отправки формы:
8080

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

0 commit comments

Comments
 (0)