Skip to content

Commit 1b6c147

Browse files
committed
Updated according to @ntishkevich review and #94
1 parent 3edc619 commit 1b6c147

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

content/docs/hooks-effect.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ next: hooks-rules.html
66
prev: hooks-intro.html
77
---
88

9-
*Хуки* -- новая возможность в React 16.8, которая позволяет использовать состояние и другие возможности React без написания классов.
9+
*Хуки* -- новиника в React 16.8, которая позволяет использовать состояние и другие возможности React без написания классов.
1010

1111
*Хук эффекта* даёт вам возможность выполнять побочные эффекты в функциональном компоненте:
1212

@@ -49,7 +49,7 @@ function Example() {
4949

5050
### Пример с использованием классов {#example-using-classes}
5151

52-
В классовых React-компонентах метод `render` сам по себе не должен вызывать никаких побочных эффектов. Он не подходит для этих целей, так как, как правило, мы хотим выполнить наши эффекты *после* того, как React обновил DOM.
52+
В классовых React-компонентах метод `render` сам по себе не должен вызывать никаких побочных эффектов. Он не подходит для этих целей, так как, в основном, мы хотим выполнить наши эффекты *после* того, как React обновил DOM.
5353

5454
Вот почему в классах React мы размещаем побочные эффекты внутрь `componentDidMount` и `componentDidUpdate`. Возвращаясь к нашему примеру, здесь представлен счётчик, реализованый с помощью классового React-компонента. Он обновляет заголовок документа сразу же после того, как React вносит изменения в DOM:
5555

@@ -223,7 +223,7 @@ function FriendStatus(props) {
223223
}
224224
```
225225
226-
**Зачем мы вернули функцию из нашего эффекта?** Это необязательный механизм сброса эффектов. Каждый эффект может возвратить функцию, которая сбросит его. Это даёт нам возможность объединить вместе логику оформления и отмены подписки. Они, все-таки, часть одного и того же эффекта!
226+
**Зачем мы вернули функцию из нашего эффекта?** Это необязательный механизм сброса эффектов. Каждый эффект может возвратить функцию, которая сбросит его. Это даёт нам возможность объединить вместе логику оформления и отмены подписки. Они, всё-таки, часть одного и того же эффекта!
227227
228228
**Когда именно React будет сбрасывать эффект?** React будет сбрасывать эффект перед тем, как компонент размонтируется. Однако, как мы уже знаем, эффекты выполняются при каждом рендере, а не один лишь раз. Это как раз и есть причиной, почему React *также* сбрасывает эффект из предыдущего рендера, перед тем, как запустить следующий. Мы рассмотрим [почему это позволяет избежать багов](#explanation-why-effects-run-on-each-update) и [как отказаться от этой логики, если это вызывает проблемы с производительностью](#tip-optimizing-performance-by-skipping-effects) далее.
229229
@@ -335,7 +335,7 @@ function FriendStatusWithCounter(props) {
335335
336336
Если вы привыкли пользоваться классами, вы должно быть думаете, почему этап сброса эффекта происходит после каждого последующего рендера, а не один лишь раз во время размонтировки. Давайте расмотрим на практике, почему именно этот способ даёт нам возможность избежать некоторых багов в наших компонентах.
337337
338-
[Ранее на этой странице](#example-using-classes-1), мы рассматривали пример с компонентом `FriendStatus`, который отображает в сети наш друг или нет. Наш класс берет `friend.id` из `this.props`, подписывается на статус друга после того, как компонент смонтировался, и отписывается от него во время размонтировки.
338+
[Ранее на этой странице](#example-using-classes-1), мы рассматривали пример с компонентом `FriendStatus`, который отображает в сети наш друг или нет. Наш класс берёт `friend.id` из `this.props`, подписывается на статус друга после того, как компонент смонтировался, и отписывается от него во время размонтировки.
339339
340340
```js
341341
componentDidMount() {

0 commit comments

Comments
 (0)