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-react.md
+8-8Lines changed: 8 additions & 8 deletions
Original file line number
Diff line number
Diff line change
@@ -19,14 +19,14 @@ redirect_from:
19
19
20
20
### Компоненты {#components}
21
21
22
-
React-компоненты позволяют разделить пользовательский интерфейс на независимые, повторно используемые части и думать о них по отдельности. React-компоненты могут быть обявлены путём создания подклассов `React.Component` или `React.PureComponent`.
22
+
React-компоненты позволяют разделить пользовательский интерфейс на независимые, повторно используемые части и думать о них по отдельности. React-компоненты могут быть объявлены путём создания подклассов `React.Component` или `React.PureComponent`.
23
23
24
24
-[`React.Component`](#reactcomponent)
25
25
-[`React.PureComponent`](#reactpurecomponent)
26
26
27
27
Если вы не используете классы ES6, вместо них вы можете использовать модуль `create-react-class`. Читайте [Использование React без ES6](/docs/react-without-es6.html), чтобы получить подробную информацию.
28
28
29
-
React-компоненты также могут быть обявлены как функции, которые могут быть обёрнуты:
29
+
React-компоненты также могут быть объявлены как функции, которые могут быть обёрнуты:
Однако, в этом случае, сохранятся `ref`. Это означает если вы получите ребёнка с `ref` на нем, вы случайно не украдёте его у родителя. Вы получите тот же `ref`, прикреплённый к вашему новому элементу.
189
+
Однако, в этом случае, сохранятся `ref`. Это означает если вы получите ребёнка с `ref` на нём, вы случайно не украдёте его у родителя. Вы получите тот же `ref`, прикреплённый к вашему новому элементу.
190
190
191
191
Этот API был представлен как замена устаревшего `React.addons.cloneWithProps()`.
>`React.Children.toArray()` изменяет ключи, чтобы сохранить семантику вложенных массивов, когда делает плоским списков дочерних элементов. То есть `toArray` ставит префикс перед каждым ключом в возвращаемом массиве, так что ключ каждого элемента находится в области входного массива, содержащего его.
273
+
>`React.Children.toArray()` изменяет ключи, чтобы сохранить семантику вложенных массивов, когда делает плоским список дочерних элементов. То есть `toArray` ставит префикс перед каждым ключом в возвращаемом массиве, так что ключ каждого элемента находится в области входного массива, содержащего его.
274
274
275
275
***
276
276
@@ -289,7 +289,7 @@ render() {
289
289
}
290
290
```
291
291
292
-
Вы также можете использовать его сокращенный синтаксис `<></>`. Чтобы узнать подробнее см. [React v16.2.0: Улучшенная поддержка фрагментов](/blog/2017/11/28/react-v16.2.0-fragment-support.html).
292
+
Вы также можете использовать его сокращённый синтаксис `<></>`. Чтобы узнать подробнее см. [React v16.2.0: Улучшенная поддержка фрагментов](/blog/2017/11/28/react-v16.2.0-fragment-support.html).
293
293
294
294
### `React.createRef` {#reactcreateref}
295
295
@@ -299,7 +299,7 @@ render() {
299
299
### `React.forwardRef` {#reactforwardref}
300
300
301
301
`React.forwardRef` создаёт React компонент, который перенаправляет атрибут [ref](/docs/refs-and-the-dom.html), что он получает, другому компоненту ниже в дереве.
302
-
Этот метод не очень распространен, но особенно полезен в двух сценариях:
302
+
Этот метод не очень распространён, но особенно полезен в двух сценариях:
303
303
304
304
* [Перенаправление рефов в DOM-компоненты](/docs/forwarding-refs.html#forwarding-refs-to-dom-components)
305
305
* [Перенаправление рефов в компонентах высшего порядка](/docs/forwarding-refs.html#forwarding-refs-in-higher-order-components)
@@ -308,7 +308,7 @@ render() {
308
308
309
309
`embed:reference-react-forward-ref.js`
310
310
311
-
В приведённом выше примере React обнаруживает `ref`, переданный элементу `<FancyButton ref={ref}>`, и передаёт его через второй аргумент в функцию рендера внутри вызова `React.forwardRef`. В свою очередь, функция рендера передает`ref` в элемент `<button ref={ref}>`.
311
+
В приведённом выше примере React обнаруживает `ref`, переданный элементу `<FancyButton ref={ref}>`, и передаёт его через второй аргумент в функцию рендера внутри вызова `React.forwardRef`. В свою очередь, функция рендера передаёт`ref` в элемент `<button ref={ref}>`.
312
312
313
313
В результате, после того как React добавит реф, `ref.current` будет указывать непосредственно на экземпляр `<button>` элемента DOM.
0 commit comments