Skip to content

Commit 33936d5

Browse files
another-guylex111
andauthored
Apply suggestions from code review by @another-guy
Co-Authored-By: lex111 <[email protected]>
1 parent 245b010 commit 33936d5

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

content/docs/uncontrolled-components.md

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

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

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

11-
Вот так, к примеру, можно получить имя в обработчике неконтролируемого компонента:
11+
Вот так, к примеру, обработчик неконтролируемого компонента может получить имя от элемента `input`:
1212

1313
```javascript{5,9,18}
1414
class NameForm extends React.Component {
@@ -41,11 +41,11 @@ class NameForm extends React.Component {
4141

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

44-
Если всё ещё остаётся неясным, какой тип компонента необходимо использовать в конкретной ситуации, то, возможно, [статья про сравнение контролируемых и некотролируемых полях ввода](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+
На этапе рендеринга атрибут `value` полей ввода переопределяет значение в DOM. С неконтролируемым компонентом зачастую нужно, чтобы React опредил первоначальное значение, но впоследствии ничего не делал с ним. В этом случае необходимо определить атрибут `defaultValue` вместо `value`.
4949

5050
```javascript{7}
5151
render() {
@@ -76,7 +76,7 @@ HTML-тег `<input type="file">` позволяет пользователю в
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)