Skip to content

Commit 21e4cc4

Browse files
docs: translate script.md to Русский
1 parent 58b458d commit 21e4cc4

1 file changed

Lines changed: 20 additions & 23 deletions

File tree

  • src/content/reference/react-dom/components

src/content/reference/react-dom/components/script.md

Lines changed: 20 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,9 @@
1-
```html
21
---
32
script: "<script>"
43
---
5-
64
<Intro>
75

8-
Встроенный в браузер компонент `<script>` позволяет добавить скрипт в ваш документ.
6+
Встроенный браузерный компонент `<script>` позволяет добавить скрипт в ваш документ.
97

108
```js
119
<script> alert("hi!") </script>
@@ -21,65 +19,65 @@ script: "<script>"
2119

2220
### `<script>` {/*script*/}
2321

24-
Чтобы добавить встроенные или внешние скрипты в ваш документ, используйте встроенный в браузер компонент `<script>`. Вы можете рендерить `<script>` из любого компонента, и React [в некоторых случаях](#special-rendering-behavior) поместит соответствующий DOM-элемент в `<head>` документа и будет дедуплицировать идентичные скрипты.
22+
Чтобы добавить встроенные или внешние скрипты в ваш документ, используйте встроенный браузерный компонент `<script>`. Вы можете рендерить `<script>` из любого компонента, и React [в некоторых случаях](#special-rendering-behavior) поместит соответствующий DOM-элемент в `<head>` документа и будет дедуплицировать идентичные скрипты.
2523

2624
```js
2725
<script> alert("hi!") </script>
2826
<script src="script.js" />
2927
```
3028

31-
[См. больше примеров ниже.](#usage)
29+
[См. примеры ниже.](#usage)
3230

3331
#### Пропсы {/*props*/}
3432

3533
`<script>` поддерживает все [общие пропсы элементов.](/reference/react-dom/components/common#props)
3634

37-
Он должен иметь *либо* `children`, *либо* пропс `src`.
35+
Он должен иметь либо `children`, либо пропс `src`.
3836

3937
* `children`: строка. Исходный код встроенного скрипта.
4038
* `src`: строка. URL внешнего скрипта.
4139

4240
Другие поддерживаемые пропсы:
4341

44-
* `async`: булево значение. Позволяет браузеру отложить выполнение скрипта до тех пор, пока остальная часть документа не будет обработана — предпочтительное поведение для производительности.
42+
* `async`: булево значение. Позволяет браузеру отложить выполнение скрипта до тех пор, пока остальная часть документа не будет обработана — это предпочтительное поведение для производительности.
4543
* `crossOrigin`: строка. Используемая [политика CORS](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin). Возможные значения: `anonymous` и `use-credentials`.
46-
* `fetchPriority`: строка. Позволяет браузеру ранжировать скрипты по приоритету при одновременной загрузке нескольких скриптов. Может быть `"high"`, `"low"` или `"auto"` (по умолчанию).
44+
* `fetchPriority`: строка. Позволяет браузеру определять приоритет скриптов при одновременной загрузке нескольких скриптов. Может быть `"high"`, `"low"` или `"auto"` (по умолчанию).
4745
* `integrity`: строка. Криптографический хеш скрипта для [проверки его подлинности](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity).
48-
* `noModule`: булево значение. Отключает скрипт в браузерах, поддерживающих ES-модулипозволяя использовать запасной скрипт для браузеров, которые их не поддерживают.
46+
* `noModule`: булево значение. Отключает скрипт в браузерах, поддерживающих ES-модули, позволяя использовать резервный скрипт для браузеров, которые их не поддерживают.
4947
* `nonce`: строка. Криптографический [nonce для разрешения ресурса](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce) при использовании строгой политики безопасности контента (Content Security Policy).
5048
* `referrer`: строка. Указывает, какой [заголовок Referer отправлять](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#referrerpolicy) при загрузке скрипта и любых ресурсов, которые скрипт загружает в свою очередь.
5149
* `type`: строка. Указывает, является ли скрипт [классическим скриптом, ES-модулем или картой импорта](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type).
5250

53-
Пропсы, отключающие [специальное поведение React для скриптов](#special-rendering-behavior):
51+
Пропсы, отключающие [специальную обработку скриптов React](#special-rendering-behavior):
5452

55-
* `onError`: функция. Вызывается, когда скрипт не удаётся загрузить.
53+
* `onError`: функция. Вызывается, когда скрипт не удалось загрузить.
5654
* `onLoad`: функция. Вызывается, когда скрипт успешно загружен.
5755

5856
Пропсы, которые **не рекомендуется** использовать с React:
5957

60-
* `blocking`: строка. Если установлено значение `"render"`, браузеру предписывается не отображать страницу до загрузки скрипта. React предоставляет более детальный контроль с помощью Suspense.
58+
* `blocking`: строка. Если установлено значение `"render"`, браузеру предписывается не рендерить страницу до тех пор, пока не будет загружен скрипт. React предоставляет более детальный контроль с помощью Suspense.
6159
* `defer`: строка. Предотвращает выполнение скрипта браузером до завершения загрузки документа. Несовместимо со стриминговыми серверно-отрендеренными компонентами. Вместо этого используйте пропс `async`.
6260

63-
#### Специальное поведение рендеринга {/*special-rendering-behavior*/}
61+
#### Особое поведение при рендеринге {/*special-rendering-behavior*/}
6462

6563
React может перемещать компоненты `<script>` в `<head>` документа и дедуплицировать идентичные скрипты.
6664

67-
Чтобы использовать это поведение, предоставьте пропсы `src` и `async={true}`. React будет дедуплицировать скрипты, если у них одинаковый `src`. Пропс `async` должен быть `true`, чтобы скрипты можно было безопасно перемещать.
65+
Чтобы использовать это поведение, предоставьте пропсы `src` и `async={true}`. React будет дедуплицировать скрипты, если они имеют одинаковый `src`. Пропс `async` должен быть `true`, чтобы скрипты можно было безопасно перемещать.
6866

69-
Это специальное поведение имеет два нюанса:
67+
Эта специальная обработка имеет два нюанса:
7068

7169
* React будет игнорировать изменения пропсов после рендеринга скрипта. (В режиме разработки React выдаст предупреждение, если это произойдет.)
72-
* React может оставить скрипт в DOM даже после того, как компонент, который его рендерил, будет размонтирован. (Это не имеет значения, так как скрипты выполняются только один раз при вставке в DOM.)
70+
* React может оставить скрипт в DOM даже после того, как компонент, который его рендерил, был размонтирован. (Это не имеет значения, так как скрипты выполняются только один раз при вставке в DOM.)
7371

7472
---
7573

7674
## Использование {/*usage*/}
7775

7876
### Рендеринг внешнего скрипта {/*rendering-an-external-script*/}
7977

80-
Если компонент зависит от определённых скриптов для корректного отображения, вы можете рендерить `<script>` внутри компонента.
81-
Однако компонент может быть зафиксирован до того, как скрипт будет полностью загружен.
82-
Вы можете начать использовать содержимое скрипта после срабатывания события `load`, например, с помощью пропса `onLoad`.
78+
Если компонент зависит от определенных скриптов для корректного отображения, вы можете рендерить `<script>` внутри компонента.
79+
Однако компонент может быть закоммичен до того, как скрипт завершит загрузку.
80+
Вы можете начать зависеть от содержимого скрипта после срабатывания события `load`, например, используя пропс `onLoad`.
8381

8482
React будет дедуплицировать скрипты с одинаковым `src`, вставляя только один из них в DOM, даже если несколько компонентов рендерят его.
8583

@@ -109,12 +107,12 @@ export default function Page() {
109107
</SandpackWithHTMLOutput>
110108

111109
<Note>
112-
Когда вы хотите использовать скрипт, может быть полезно вызвать функцию [preinit](/reference/react-dom/preinit). Вызов этой функции может позволить браузеру начать загрузку скрипта раньше, чем если бы вы просто рендерили компонент `<script>`, например, отправив [HTTP Early Hints ответ](https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/103).
110+
Когда вы хотите использовать скрипт, может быть полезно вызвать функцию [preinit](/reference/react-dom/preinit). Вызов этой функции может позволить браузеру начать загрузку скрипта раньше, чем если бы вы просто рендерили компонент `<script>`, например, отправив ответ [HTTP Early Hints](https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/103).
113111
</Note>
114112

115113
### Рендеринг встроенного скрипта {/*rendering-an-inline-script*/}
116114

117-
Чтобы включить встроенный скрипт, рендерите компонент `<script>` с исходным кодом скрипта в качестве его дочерних элементов. Встроенные скрипты не дедуплицируются и не перемещаются в `<head>` документа.
115+
Чтобы включить встроенный скрипт, рендерьте компонент `<script>` с исходным кодом скрипта в качестве его дочерних элементов. Встроенные скрипты не дедуплицируются и не перемещаются в `<head>` документа.
118116

119117
<SandpackWithHTMLOutput>
120118

@@ -140,5 +138,4 @@ export default function Page() {
140138
}
141139
```
142140

143-
</SandpackWithHTMLOutput>
144-
```
141+
</SandpackWithHTMLOutput>

0 commit comments

Comments
 (0)