You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/docs/reference-dom-elements.md
+5-5Lines changed: 5 additions & 5 deletions
Original file line number
Diff line number
Diff line change
@@ -14,7 +14,7 @@ redirect_from:
14
14
- "tips/dangerously-set-inner-html.html"
15
15
---
16
16
17
-
React реализует независимую от браузера систему DOM для повышения производительности и кроссбраузерной совместимости. Мы воспользовались возможностью избавиться от некоторых шероховатостей в браузерных реализациях DOM.
17
+
React реализует независимую от браузера систему DOM для повышения производительности и кроссбраузерной совместимости. Это позволило избавиться от некоторых шероховатостей в браузерных реализациях DOM.
18
18
19
19
В React все свойства и атрибуты DOM (включая обработчики событий) должны быть в стиле camelCase. Например, HTML-атрибут `tabindex` соответствует атрибуту `tabIndex` в React. Исключение составляют атрибуты `aria-*` и `data-*`, которые следует писать в нижнем регистре. В частности, вы можете оставить `aria-label` как `aria-label`.
20
20
@@ -25,7 +25,7 @@ React реализует независимую от браузера систе
25
25
26
26
### checked {#checked}
27
27
28
-
Атрибут `checked` поддерживается компонентами `<input>` типа `checkbox` или `radio`. Он нужен для того, чтобы узнать выбран ли компонент. Это полезно для создания контролируемых компонентов. `defaultChecked` — это неконтролируемый эквивалент, который определяет, выбран ли компонент при его первом монтировании.
28
+
Атрибут `checked` поддерживается компонентами `<input>` типа `checkbox` или `radio`. Он нужен для того, чтобы узнать выбран ли компонент. Это полезно для создания контролируемых компонентов. `defaultChecked` — это неконтролируемый эквивалент, который определяет, выбран ли компонент на момент первого монтирования.
29
29
30
30
### className {#classname}
31
31
@@ -35,7 +35,7 @@ React реализует независимую от браузера систе
`dangerouslySetInnerHTML` — React—эквивалент свойству `innerHTML` в DOM браузера. Как правило, вставка HTML из кода рискованна, так как можно случайно подвергнуть ваших пользователей атаке [межсайтового скриптинга](https://ru.wikipedia.org/wiki/%D0%9C%D0%B5%D0%B6%D1%81%D0%B0%D0%B9%D1%82%D0%BE%D0%B2%D1%8B%D0%B9_%D1%81%D0%BA%D1%80%D0%B8%D0%BF%D1%82%D0%B8%D0%BD%D0%B3). Таким образом, вы можете вставить HTML непосредственно из React используя `dangerouslySetInnerHTML` и передать объект с ключом `__html`, чтобы напомнить себе, что это небезопасно. Например:
38
+
Свойству `innerHTML` в DOM браузера соответствует `dangerouslySetInnerHTML` в React. Как правило, вставка HTML из кода рискованна, так как можно случайно подвергнуть ваших пользователей атаке [межсайтового скриптинга](https://ru.wikipedia.org/wiki/%D0%9C%D0%B5%D0%B6%D1%81%D0%B0%D0%B9%D1%82%D0%BE%D0%B2%D1%8B%D0%B9_%D1%81%D0%BA%D1%80%D0%B8%D0%BF%D1%82%D0%B8%D0%BD%D0%B3). Таким образом, вы можете вставить HTML непосредственно из React используя `dangerouslySetInnerHTML` и передать объект с ключом `__html`, чтобы напомнить себе, что это небезопасно. Например:
39
39
40
40
```js
41
41
functioncreateMarkup() {
@@ -53,7 +53,7 @@ function MyComponent() {
53
53
54
54
### onChange {#onchange}
55
55
56
-
Событие `onChange` ведет себя ожидаемо: событие срабатывает при изменении поля формы. Мы намеренно не используем существующее поведение браузера, поскольку `onChange`работает неправильно в отношении своего текущего поведения. React использует это событие для обработки ввода в реальном времени.
56
+
Событие `onChange` ведет себя ожидаемо: событие срабатывает при изменении поля формы. Мы намеренно не используем существующее поведение браузера, потому что имя `onChange`плохо передаёт, что происходит на самом деле. Вместо этого, React-реализация `onChange` опирается на браузерное событие для обработки ввода в реальном времени.
57
57
58
58
### selected {#selected}
59
59
@@ -83,7 +83,7 @@ function HelloWorldComponent() {
83
83
```js
84
84
constdivStyle= {
85
85
WebkitTransition:'all', // обратите внимание на заглавную букву W
86
-
msTransition:'all'// 'ms' - единственный префикс в нижнем регистре
86
+
msTransition:'all'// 'ms' — единственный префикс в нижнем регистре
0 commit comments