Skip to content

Commit 082ca15

Browse files
committed
Resolve merge conflicts
1 parent 22bedb3 commit 082ca15

File tree

1 file changed

+6
-10
lines changed

1 file changed

+6
-10
lines changed

content/docs/higher-order-components.md

Lines changed: 6 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,7 @@ class BlogPost extends React.Component {
107107
- Оба меняют локальное состояние когда меняется `DataSource`.
108108
- Оба отписываются от `DataSource` при размонтировании.
109109

110-
Можете представить, что в больших приложениях связка «подписаться на `DataSource`, затем вызвать `setState`» повторяется очень часто. Было бы здорово абстрагировать эту функиональность и использовать ее в других компонентах.
110+
Можете представить, что в больших приложениях связка «подписаться на `DataSource`, затем вызвать `setState`» повторяется очень часто. Было бы здорово абстрагировать эту функциональность и использовать ее в других компонентах.
111111

112112
Давайте реализуем функцию `withSubscription` -- она будет создавать компоненты и подписывать их на обновления `DataSource` (наподобие `CommentList` и `BlogPost`). Функция будет принимать оборачиваемый компонент и через пропсы передавать ему новые данные:
113113

@@ -219,7 +219,7 @@ function logProps(WrappedComponent) {
219219

220220
HOC добавляют компонентам функциональность, но они не должны менять их оригинальное предназначение. Ожидается, что интерфейс компонента, который вы возвращаете из HOC, будет похож на интерфейс оборачиваемого компонента.
221221

222-
Пропсы, которые напрямую не связаны с функциональностью HOC, должны передаваться оборачиваемогу компоненту. Рендер метод большинства HOC похож следующий:
222+
Пропсы, которые напрямую не связаны с функциональностью HOC, должны передаваться оборачиваемогу компоненту. Рендер метод большинства HOC похож на следующий:
223223

224224
```js
225225
render() {
@@ -262,7 +262,7 @@ const CommentWithRelay = Relay.createContainer(Comment, config);
262262
const ConnectedComment = connect(commentSelector, commentActions)(CommentList);
263263
```
264264

265-
*Удивлены?* Давайте разберем эту строку на части.
265+
*Удивлены?* Давайте разберем эту строку по частям.
266266

267267
```js
268268
// Вызов функции connect возвращает другую функцию
@@ -334,13 +334,13 @@ render() {
334334

335335
Проблема не только в производительности. Повторное монтирование компонента обнуляет его состояние, а также состояние его дочерних компонентов.
336336

337-
Не применяйте HOC в определении другого компонент. Сначала нужно отдельно получить компонент из HOC, и только потом использовать его. Таким образом React будет сравнивать один и тот же компонент при повторном рендере.
337+
Не применяйте HOC в определении другого компонента. Сначала нужно отдельно получить компонент из HOC, и только потом использовать его. Таким образом React будет сравнивать один и тот же компонент при повторном рендере.
338338

339339
При необходимости, в редких случаях, можно динамически применять HOC в методах жизненного цикла или в конструкторе компонента.
340340

341341
### Копируйте статические методы {#static-methods-must-be-copied-over}
342342

343-
Иногда бывает полезно определить статические методы компонента. Например, статичный метод `getFragment` библиотеки Relay позволяет составить композицию из фрагментов данныз GraphQL.
343+
Иногда бывает полезно определить статические методы компонента. Например, статичный метод `getFragment` библиотеки Relay позволяет составить композицию из фрагментов данных GraphQL.
344344

345345
Когда мы применяем HOC, мы заворачиваем оригинальный компонент в контейнер. Поэтому у нового компонента не будет статичных методов оригинального компонента.
346346

@@ -392,10 +392,6 @@ import MyComponent, { someFunction } from './MyComponent.js';
392392

393393
### Рефы не передаются {#refs-arent-passed-through}
394394

395-
По конвенции, компоненты высшего порядка и передают все пропсы оборачеваемому компоненту, кроме рефов. `ref` на самом деле не проп, как, например, `key`, и по-другому обрабатывается React. Реф элемента, созданного компонентом из HOC, будет указывать на экземпляр ближайшего в иерахрии контейнера, а не на оборачиваемый копмонент.
395+
По конвенции, компоненты высшего порядка передают оборачеваемому компоненту все пропсы, кроме рефов. `ref` на самом деле не проп, как, например, `key`, и по-другому обрабатывается React. Реф элемента, созданного компонентом из HOC, будет указывать на экземпляр ближайшего в иерахрии контейнера, а не на оборачиваемый компонент.
396396

397-
<<<<<<< HEAD
398397
Вы можете решить эту проблему с помощью `React.forwardRef` API (представлен в React 16.3). [Узнать больше в главе Пересылка рефов](/docs/forwarding-refs.html).
399-
=======
400-
The solution for this problem is to use the `React.forwardRef` API (introduced with React 16.3). [Learn more about it in the forwarding refs section](/docs/forwarding-refs.html).
401-
>>>>>>> upstream/master

0 commit comments

Comments
 (0)