Skip to content

Commit 1f4bf6a

Browse files
Apply suggestions from code review
Co-Authored-By: ivankayzer <[email protected]>
1 parent cd8623b commit 1f4bf6a

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

content/docs/reference-dom-elements.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ redirect_from:
1414
- "tips/dangerously-set-inner-html.html"
1515
---
1616

17-
React реализует независимую от браузера систему DOM для повышения производительности и кроссбраузерной совместимости. Мы воспользовались возможностью избавиться от некоторых шероховатостей в браузерных реализациях DOM.
17+
React реализует независимую от браузера систему DOM для повышения производительности и кроссбраузерной совместимости. Это позволило избавиться от некоторых шероховатостей в браузерных реализациях DOM.
1818

1919
В React все свойства и атрибуты DOM (включая обработчики событий) должны быть в стиле camelCase. Например, HTML-атрибут `tabindex` соответствует атрибуту `tabIndex` в React. Исключение составляют атрибуты `aria-*` и `data-*`, которые следует писать в нижнем регистре. В частности, вы можете оставить `aria-label` как `aria-label`.
2020

@@ -25,7 +25,7 @@ React реализует независимую от браузера систе
2525

2626
### checked {#checked}
2727

28-
Атрибут `checked` поддерживается компонентами `<input>` типа `checkbox` или `radio`. Он нужен для того, чтобы узнать выбран ли компонент. Это полезно для создания контролируемых компонентов. `defaultChecked` — это неконтролируемый эквивалент, который определяет, выбран ли компонент при его первом монтировании.
28+
Атрибут `checked` поддерживается компонентами `<input>` типа `checkbox` или `radio`. Он нужен для того, чтобы узнать выбран ли компонент. Это полезно для создания контролируемых компонентов. `defaultChecked` — это неконтролируемый эквивалент, который определяет, выбран ли компонент на момент первого монтирования.
2929

3030
### className {#classname}
3131

@@ -35,7 +35,7 @@ React реализует независимую от браузера систе
3535

3636
### dangerouslySetInnerHTML {#dangerouslysetinnerhtml}
3737

38-
`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`, чтобы напомнить себе, что это небезопасно. Например:
3939

4040
```js
4141
function createMarkup() {
@@ -53,7 +53,7 @@ function MyComponent() {
5353

5454
### onChange {#onchange}
5555

56-
Событие `onChange` ведет себя ожидаемо: событие срабатывает при изменении поля формы. Мы намеренно не используем существующее поведение браузера, поскольку `onChange` работает неправильно в отношении своего текущего поведения. React использует это событие для обработки ввода в реальном времени.
56+
Событие `onChange` ведет себя ожидаемо: событие срабатывает при изменении поля формы. Мы намеренно не используем существующее поведение браузера, потому что имя `onChange` плохо передаёт, что происходит на самом деле. Вместо этого, React-реализация `onChange` опирается на браузерное событие для обработки ввода в реальном времени.
5757

5858
### selected {#selected}
5959

@@ -83,7 +83,7 @@ function HelloWorldComponent() {
8383
```js
8484
const divStyle = {
8585
WebkitTransition: 'all', // обратите внимание на заглавную букву W
86-
msTransition: 'all' // 'ms' - единственный префикс в нижнем регистре
86+
msTransition: 'all' // 'ms' единственный префикс в нижнем регистре
8787
};
8888

8989
function ComponentWithTransition() {

0 commit comments

Comments
 (0)