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
Дополнительные проверки будут включены в будущих релизах React.
27
27
@@ -131,57 +131,57 @@ React работает в два этапа:
131
131
132
132
Ознакомьтесь с [документацией нового API контекста](/docs/context.html), чтобы упростить переход на новую версию.
133
133
134
-
### Ensuring reusable state {#ensuring-reusable-state}
134
+
### Обеспечение переиспользованного состояния {#ensuring-reusable-state}
135
135
136
-
In the future, we’d like to add a feature that allows React to add and remove sections of the UI while preserving state. For example, when a user tabs away from a screen and back, React should be able to immediately show the previous screen. To do this, React support remounting trees using the same component state used before unmounting.
136
+
В будущем мы хотели бы добавить функцию, которая позволяет React добавлять и удалять разделы пользовательского интерфейса с сохранением состояния. Например, когда пользователь переходит от экрана к экрану и обратно, React должен иметь возможность немедленно отображать предыдущий экран. Для этого React поддерживает повторное монтирование деревьев с использованием того же состояния компонента, которое использовалось до размонтирования.
137
137
138
-
This feature will give React better performance out-of-the-box, but requires components to be resilient to effects being mounted and destroyed multiple times. Most effects will work without any changes, but some effects do not properly clean up subscriptions in the destroy callback, or implicitly assume they are only mounted or destroyed once.
138
+
Эта функция позволит React повысить производительность "из коробки” (изначально готовому к использованию), но требует, чтобы компоненты были устойчивы к многократному монтированию и уничтожению эффектов. Большинство эффектов будут работать без каких-либо изменений, но некоторые эффекты неправильно очищают подписки в функции обратного вызова или подразумевают, что они монтируются или уничтожаются только один раз.
139
139
140
-
To help surface these issues, React 18 introduces a new development-only check to Strict Mode. This new check will automatically unmount and remount every component, whenever a component mounts for the first time, restoring the previous state on the second mount.
140
+
Чтобы помочь устранить эти проблемы, React 18 представляет новую проверку только в режиме разработки в строгом режиме. Эта новая проверка автоматически размонтирует и перемонтирует каждый компонент всякий раз, когда компонент монтируется в первый раз, восстанавливая предыдущее состояние при втором монтировании.
141
141
142
-
To demonstrate the development behavior you'll see in Strict Mode with this feature, consider what happens when React mounts a new component. Without this change, when a component mounts, React creates the effects:
142
+
Чтобы продемонстрировать поведение разработки, которое вы увидите в строгом режиме с помощью этой функции, рассмотрим, что происходит, когда React монтирует новый компонент. Без строго режима, когда компонент монтируется, React создает эффекты:
143
143
144
144
```
145
-
* React mounts the component.
146
-
* Layout effects are created.
147
-
* Effects are created.
145
+
* React монтирует компонент.
146
+
* Создаются эффекты макета.
147
+
* Создаются эффекты.
148
148
```
149
149
150
-
With Strict Mode starting in React 18, whenever a component mounts in development, React will simulate immediately unmounting and remounting the component:
150
+
В строгом режиме, начинающегося с React 18, всякий раз, когда компонент монтируется в процессе разработки, React будет имитировать немедленное размонтирование и повторное монтирование компонента:
151
151
152
152
```
153
-
* React mounts the component.
154
-
* Layout effects are created.
155
-
* Effect effects are created.
156
-
* React simulates effects being destroyed on a mounted component.
157
-
* Layout effects are destroyed.
158
-
* Effects are destroyed.
159
-
* React simulates effects being re-created on a mounted component.
160
-
* Layout effects are created
161
-
* Effect setup code runs
153
+
* React монтирует компонент.
154
+
* Создаются эффекты макета.
155
+
* Создаются эффекты.
156
+
* React имитирует разрушение эффектов на смонтированном компоненте.
157
+
* Эффекты макета уничтожаются.
158
+
* Эффекты уничтожаются.
159
+
* React имитирует пересоздание эффектов на смонтированном компоненте.
160
+
* Создаются эффекты макета.
161
+
* Установка эффектов.
162
162
```
163
163
164
-
On the second mount, React will restore the state from the first mount. This feature simulates user behavior such as a user tabbing away from a screen and back, ensuring that code will properly handle state restoration.
164
+
При втором монтировании React восстановит состояние с первого монтирования. Эта функция имитирует поведение пользователя, например, переход пользователя с экрана на вкладку и обратно, гарантируя, что код будет правильно обрабатывать восстановление состояния.
165
165
166
-
When the component unmounts, effects are destroyed as normal:
166
+
Когда компонент размонтируется, эффекты уничтожаются в обычном режиме:
167
167
168
168
```
169
-
* React unmounts the component.
170
-
* Layout effects are destroyed.
171
-
* Effect effects are destroyed.
169
+
* React размонтирует компонент.
170
+
* Уничтожаются эффекты макета.
171
+
* Уничтожаются эффекты эффектов.
172
172
```
173
173
174
-
Unmounting and remounting includes:
174
+
Размонтирование и повторное монтирование включает в себя:
175
175
176
176
-`componentDidMount`
177
177
-`componentWillUnmount`
178
178
-`useEffect`
179
179
-`useLayoutEffect`
180
180
-`useInsertionEffect`
181
181
182
-
> Note:
182
+
> Примечание:
183
183
>
184
-
> This only applies to development mode, _production behavior is unchanged_.
184
+
> Это относится только к режиму разработки, _для продакшена поведение остаётся неизменным_.
185
185
186
-
For help supporting common issues, see:
187
-
-[How to support Reusable State in Effects](https://github.com/reactwg/react-18/discussions/18)
186
+
Для получения помощи в решении распространённых проблем см.:
187
+
-[Как поддерживать повторно используемое состояние в эффектах](https://github.com/reactwg/react-18/discussions/18)
0 commit comments