Skip to content

Commit 7d53104

Browse files
committed
Обновлено содержание forwarding-refs.md.
Применены изменения @revidovich. Слегка перефразированы некоторые предложения.
1 parent 0bf6a11 commit 7d53104

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

content/docs/forwarding-refs.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,13 @@ permalink: docs/forwarding-refs.html
1111
Допустим, у нас есть компонент `FancyButton`, который рендерит нативный DOM-элемент `button`:
1212
`embed:forwarding-refs/fancy-button-simple.js`
1313

14-
React-компоненты скрывают свои детали реализации, в том числе результат рендеринга. Реф элемента `button` из `FancyButton` **обычно и не требуется** другим компонентам. Это хорошо, поскольку такой подход не даёт компонентам излишне полагаться на структуру DOM друг друга.
14+
React-компоненты скрывают детали своей реализации, в том числе результат рендеринга. Реф элемента `button` из `FancyButton` **обычно и не требуется** другим компонентам. Это хорошо, поскольку такой подход не даёт компонентам излишне полагаться на структуру DOM друг друга.
1515

16-
Такая инкапсуляция хорошо подходит компонентам, которые описывают некую законченную часть приложения, например, `FeedStory` или `Comment`. А вот в «маленьких», часто повторно используемых компонентах, таких как `FancyButton` или `MyTextInput`, она может быть неудобной. Чтобы управлять фокусом, выделением и анимациями этих компонентов, придётся получить доступ к их DOM-узлам.
16+
Такая инкапсуляция хорошо подходит компонентам, которые описывают некую законченную часть приложения, например, `FeedStory` или `Comment`. А вот для «маленьких» компонентов, часто используемых повторно, таких как `FancyButton` или `MyTextInput`, она может стать неудобной. Чтобы управлять фокусом, выделением и анимациями этих компонентов, придётся получить доступ к их DOM-узлам.
1717

1818
**Перенаправление рефов позволяет взять `ref` из атрибутов компонента, и передать («перенаправить») его одному из дочерних компонентов.**
1919

20-
В данном примере мы используем `React.forwardRef` в компоненте `FancyButton`, чтобы получить реф и передать его в дочерний DOM-элемент `button`.
20+
Обратите внимание, как используется `React.forwardRef` в компоненте `FancyButton`, чтобы получить реф и перенаправить его в дочерний DOM-элемент `button`.
2121

2222
`embed:forwarding-refs/fancy-button-simple-ref.js`
2323

0 commit comments

Comments
 (0)