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: src/content/reference/react/PureComponent.md
+5-6Lines changed: 5 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,9 @@
1
1
---
2
2
title: PureComponent
3
3
---
4
-
5
4
<Pitfall>
6
5
7
-
Мы рекомендуем определять компоненты как функции, а не классы. [См. как мигрировать.](#alternatives)
6
+
Мы рекомендуем определять компоненты как функции, а не как классы. [См. как выполнить миграцию.](#alternatives)
8
7
9
8
</Pitfall>
10
9
@@ -42,7 +41,7 @@ class Greeting extends PureComponent {
42
41
}
43
42
```
44
43
45
-
`PureComponent` является подклассом `Component` и поддерживает [все API `Component`.](/reference/react/Component#reference) Наследование от `PureComponent` эквивалентно определению пользовательского метода [`shouldComponentUpdate`](/reference/react/Component#shouldcomponentupdate), который выполняет поверхностное сравнение пропсов и состояния.
44
+
`PureComponent` является подклассом `Component` и поддерживает [все API `Component`.](/reference/react/Component#reference) Наследование `PureComponent` эквивалентно определению пользовательского метода [`shouldComponentUpdate`](/reference/react/Component#shouldcomponentupdate), который выполняет поверхностное сравнение пропсов и состояния.
46
45
47
46
48
47
[См. больше примеров ниже.](#usage)
@@ -53,7 +52,7 @@ class Greeting extends PureComponent {
53
52
54
53
### Пропуск ненужных повторных рендеров для классовых компонентов {/*skipping-unnecessary-re-renders-for-class-components*/}
55
54
56
-
React обычно повторно рендерит компонент всякий раз, когда его родительский компонент повторно рендерится. В качестве оптимизации вы можете создать компонент, который React не будет повторно рендерить, когда его родительский компонент повторно рендерится, при условии, что его новые пропсы и состояние совпадают со старыми пропсами и состоянием. [Классовые компоненты](/reference/react/Component) могут выбрать это поведение, наследуя `PureComponent`:
55
+
React обычно повторно рендерит компонент всякий раз, когда рендерится его родитель. В качестве оптимизации вы можете создать компонент, который React не будет повторно рендерить, когда рендерится его родитель, при условии, что его новые пропсы и состояние совпадают со старыми пропсами и состоянием. [Классовые компоненты](/reference/react/Component) могут использовать это поведение, наследуя `PureComponent`:
57
56
58
57
```js {1}
59
58
classGreetingextendsPureComponent {
@@ -109,7 +108,7 @@ label {
109
108
110
109
<Pitfall>
111
110
112
-
Мы рекомендуем определять компоненты как функции, а не классы. [См. как мигрировать.](#alternatives)
111
+
Мы рекомендуем определять компоненты как функции, а не как классы. [См. как выполнить миграцию.](#alternatives)
113
112
114
113
</Pitfall>
115
114
@@ -161,7 +160,7 @@ label {
161
160
162
161
</Sandpack>
163
162
164
-
При [преобразовании этого компонента из класса в функцию](/reference/react/Component#alternatives) оберните его в [`memo`:](/reference/react/memo)
163
+
Когда вы [преобразуете этот компонент из класса в функцию,](/reference/react/Component#alternatives) оберните его в [`memo`:](/reference/react/memo)
0 commit comments