Skip to content

Commit 113f931

Browse files
финальные правки
1 parent d0af172 commit 113f931

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

src/content/reference/react/lazy.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -31,11 +31,11 @@ const MarkdownPreview = lazy(() => import('./MarkdownPreview.js'));
3131

3232
#### Параметры {/*parameters*/}
3333

34-
* `load`: Функция, которая возвращает [Промис](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Promise) или другой *thenable* (объект, в котором определен метод `then`). Вызова `load` не произойдет до тех пор, пока вы не попытайтесь отрендерить возвращённый компонент. После первого вызова `load`, React будет ждать завершения выполнения команды, а затем отрендерит разрешённое значение как React компонент. Возвращенный промис и разрешенное значение Промиса будут кэшированы, `load` больше вызывать не придется. Если промис отклонили, причина этого будет указана в ближайшем Error Boundary.
34+
* `load`: Функция, которая возвращает [Промис](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Promise) или другой *thenable* (объект, в котором определен метод `then`). Вызова `load` не произойдет до тех пор, пока вы не попытайтесь отрендерить возвращённый компонент. После первого вызова `load`, React будет ждать завершения выполнения команды, а затем отрендерит разрешённое значение как React компонент. Возвращённый промис и разрешённое значение Промиса будут кэшированы, `load` больше вызывать не придется. Если промис отклонили, причина этого будет указана в ближайшем Error Boundary.
3535

3636
#### Возвращаемое значение {/*returns*/}
3737

38-
`lazy` возвращает React компонент, которые можно отрендерить в вашем дереве. Во время загрузки ленивых компонентов попытки их рендора будут *заморожены.* Используйте [`<Suspense>`](/reference/react/Suspense) для отображения индикатора во время загрузки.
38+
`lazy` возвращает React компонент, которые можно отрендерить в вашем дереве. Во время загрузки ленивых компонентов попытки их рендера будут *заморожены.* Используйте [`<Suspense>`](/reference/react/Suspense) для отображения индикатора во время загрузки.
3939

4040
---
4141

@@ -47,7 +47,7 @@ const MarkdownPreview = lazy(() => import('./MarkdownPreview.js'));
4747

4848
#### Возвращаемое значение {/*load-returns*/}
4949

50-
Возвращает [Промис](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Promise) или другой *thenable* (объект, в котором определен метод `then`). В коненом итоге он вернется к действительному React компоненту, например к функции, [`memo`](/reference/react/memo), или [`forwardRef`](/reference/react/forwardRef) компоненту.
50+
Возвращает [Промис](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Promise) или другой *thenable* (объект, в котором определен метод `then`). В конечном итоге он вернётся к действительному React компоненту, например к функции, [`memo`](/reference/react/memo), или [`forwardRef`](/reference/react/forwardRef) компоненту.
5151

5252
---
5353

@@ -69,7 +69,7 @@ import { lazy } from 'react';
6969
const MarkdownPreview = lazy(() => import('./MarkdownPreview.js'));
7070
```
7171

72-
Этот код опирается на [динамический `import()`,](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/import) который должен поддержиавться вашим бандлером или фреймворком.
72+
Этот код опирается на [динамический `import()`,](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/import) который должен поддерживаться вашим бандлером или фреймворком.
7373

7474
Теперь, когда код вашего компонента загружается по запросу, вам также необходимо указать, что должно отображаться во время его загрузки. Это можно сделать путем оборачивания ленивого компонента или его родителя в [`<Suspense>`](/reference/react/Suspense) boundary:
7575

@@ -80,7 +80,7 @@ const MarkdownPreview = lazy(() => import('./MarkdownPreview.js'));
8080
</Suspense>
8181
```
8282

83-
Например, код для `MarkdownPreview` не загрузится, пока его не попытаются вызвать. Если `MarkdownPreview` еще не загрузился, на его месте отобразится `Loading`. Попробуйте поставить галочку в чекбоксе:
83+
Например, код для `MarkdownPreview` не загрузится, пока его не попытаются вызвать. Если `MarkdownPreview` ещё не загрузился, на его месте отобразится `Loading`. Попробуйте поставить галочку в чекбоксе:
8484

8585
<Sandpack>
8686

@@ -111,7 +111,7 @@ export default function MarkdownEditor() {
111111
);
112112
}
113113

114-
// Add a fixed delay so you can see the loading state
114+
// Добавьте фиксированную задержку, чтобы увидеть загрузку
115115
function delayForDemo(promise) {
116116
return new Promise(resolve => {
117117
setTimeout(resolve, 2000);
@@ -174,7 +174,7 @@ body {
174174

175175
</Sandpack>
176176

177-
Это демо загрузится с искуственной задержкой. В следуйщий раз когда вы снимите и поставите галочку, `Preview` будет закэшировано, загрузки не будет. Чтобы снова увидеть загрузку, нужно нажать "Reset" в сэндбоксе.
177+
Это демо загрузится с искусственной задержкой. В следующий раз когда вы снимите и поставите галочку, `Preview` будет закэшировано, загрузки не будет. Чтобы снова увидеть загрузку, нужно нажать "Reset" в сандбоксе.
178178

179179
[Узнать об управлении состояниями загрузки с помощью Suspense.](/reference/react/Suspense)
180180

@@ -184,13 +184,13 @@ body {
184184

185185
### Состояние моего `lazy` компонента неожиданно сбрасывается {/*my-lazy-components-state-gets-reset-unexpectedly*/}
186186

187-
Не объявляйте `lazy` компоненты *внтури* других компонентов:
187+
Не объявляйте `lazy` компоненты *внутри* других компонентов:
188188

189189
```js {4-5}
190190
import { lazy } from 'react';
191191

192192
function Editor() {
193-
// 🔴 Bad: Все состояния сбросятся при ре-рендере
193+
// 🔴 Плохо: Все состояния сбросятся при ре-рендере
194194
const MarkdownPreview = lazy(() => import('./MarkdownPreview.js'));
195195
// ...
196196
}
@@ -201,7 +201,7 @@ function Editor() {
201201
```js {3-4}
202202
import { lazy } from 'react';
203203

204-
//Good: lazy компонент объявлен вне ваших компонентов.
204+
//Хорошо: lazy компонент объявлен вне ваших компонентов.
205205
const MarkdownPreview = lazy(() => import('./MarkdownPreview.js'));
206206

207207
function Editor() {

0 commit comments

Comments
 (0)