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-dom/components/script.md
+31-31Lines changed: 31 additions & 31 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -5,13 +5,13 @@ canary: true
5
5
6
6
<Canary>
7
7
8
-
Ekestensi React untuk `<script>` saat ini hanya tersedia di canary dan saluran experiment React. Dalam rilis stabil React, `<script>` berfungsi sebagai [komponen HTML browser bawaan](https://react.dev/reference/react-dom/components#all-html-components). Pelajari lebih lanjut tentang [saluran rilis React di sini.](/community/versioning-policy#all-release-channels).
8
+
Ekestensi React untuk `<script>` saat ini hanya tersedia di kanal *canary* dan eksperimental React. Dalam rilis stabil React, `<script>` berfungsi sebagai [komponen HTML browser bawaan](https://react.dev/reference/react-dom/components#all-html-components). Pelajari lebih lanjut tentang [kanal rilis React di sini.](/community/versioning-policy#all-release-channels).
9
9
10
10
</Canary>
11
11
12
12
<Intro>
13
13
14
-
[Komponen `<script>` bawaan browser](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script) memungkinkan Anda menambahkan skrip di dokumen anda.
14
+
[Komponen `<script>` bawaan browser](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script) memungkinkan Anda menambahkan *script* di dokumen anda.
15
15
16
16
```js
17
17
<script>alert("hi!") </script>
@@ -27,7 +27,7 @@ Ekestensi React untuk `<script>` saat ini hanya tersedia di canary dan saluran e
27
27
28
28
### `<script>` {/*script*/}
29
29
30
-
Untuk menambahkan eksternal atau sisipan skrip pada document, render [komponen bawaan `<script>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script). Kamu bisa render`<script>` dari komponen apapun dan React [dalam kasus tertentu](#special-rendering-behavior) akan menempatkan elemen DOM yang sesuai isi di kepala dokumen dan menghapus duplikat skrip yang identik.
30
+
Untuk menambahkan *script*eksternal atau sisipan pada document, render [komponen bawaan `<script>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script). Anda bisa merender`<script>` dari komponen apapun dan React [dalam kasus tertentu](#special-rendering-behavior) akan menempatkan elemen DOM yang sesuai isi di kepala dokumen dan menghapus *script* duplikat yang identik.
31
31
32
32
```js
33
33
<script>alert("hi!") </script>
@@ -40,54 +40,54 @@ Untuk menambahkan eksternal atau sisipan skrip pada document, render [komponen b
40
40
41
41
`<script>` mendukung segala [props elemen umum.](/reference/react-dom/components/common#props)
42
42
43
-
Seharusnya memiliki *salah satu*`children` atau `src` prop.
43
+
Seharusnya memiliki *salah satu*props `children` atau `src`.
44
44
45
-
*`children`: sebuah string. Sumber kode skrip sisipan.
46
-
*`src`: sebuah string. URL dari eksternal skrip.
45
+
*`children`: sebuah string. Sumber kode *script* sisipan.
46
+
*`src`: sebuah string. URL dari eksternal *script*.
47
47
48
-
props lain yang didukung:
48
+
Props lain yang didukung:
49
49
50
-
*`async`: sebuah boolean. Mengizinkan browser menunda eksekusi skrip hingga seluruh dokumen telah diproses — perilaku yang lebih baik untuk performa.
51
-
*`crossOrigin`: sebuah string. [aturan CORS](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin) yang digunakan. Nilai yang memungkinkan adalah `anonymous` dan `use-credentials`.
52
-
*`fetchPriority`: sebuah string. Memungkinkan browser memberikan peringkat skrip pada prioritas saat mengambil beberapa skrip secara bersamaan. Dapat berupa `"high"`, `"low"`, atau `"auto"` (nilai bawaan).
53
-
*`integrity`: sebuah string. Hash kriptografi dari skrip, untuk [memverifikasi keaslian](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity).
54
-
*`noModule`: sebuah boolean. Menonaktifkan skrip di browser yang mendukung modul ES — memungkinkan skrip cadangan untuk browser yang tidak mendukungnya.
50
+
*`async`: sebuah boolean. Mengizinkan browser menunda eksekusi *script* hingga seluruh dokumen telah diproses — perilaku yang lebih baik untuk performa.
51
+
*`crossOrigin`: sebuah string. [Aturan CORS](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin) yang digunakan. Nilai yang memungkinkan adalah `anonymous` dan `use-credentials`.
52
+
*`fetchPriority`: sebuah string. Memungkinkan browser memberikan peringkat *script* pada prioritas saat mengambil beberapa *script* secara bersamaan. Dapat berupa `"high"`, `"low"`, atau `"auto"` (nilai bawaan).
53
+
*`integrity`: sebuah string. Hash kriptografi dari *script*, untuk [memverifikasi keaslian](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity).
54
+
*`noModule`: sebuah boolean. Menonaktifkan *script* di browser yang mendukung modul ES — memungkinkan *script* cadangan untuk browser yang tidak mendukungnya.
55
55
*`nonce`: sebuah string. Kriptografi [nonce untuk mengizinkan sumber daya](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce) saat menggunakan sebuah aturan yang ketat mengenai Content Security.
56
-
*`referrer`: sebuah string. Mengatakan [apa kepala Referer yang mau dikirim](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#referrerpolicy) saat mengambil skrip dan sumber daya apa pun yang diambil oleh skrip secara bergantian.
57
-
*`type`: sebuah string. Apakah script ini merupakan[klasik skrip, modul ES, or import map](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type).
56
+
*`referrer`: sebuah string. Mengatakan [apa kepala Referer yang mau dikirim](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#referrerpolicy) saat mengambil *script* dan sumber daya apa pun yang diambil oleh *script* secara bergantian.
57
+
*`type`: sebuah string. Apakah script ini merupakan[*script* klasik, modul ES, or *import map*](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type).
58
58
59
-
Props yang menonaktifkan [perlakuan khusus pada skrip](#special-rendering-behavior) React:
59
+
Props yang menonaktifkan [perlakuan khusus pada *script*](#special-rendering-behavior) React:
60
60
61
-
*`onError`: sebuah fungsi. Dipanggil saat skrip gagal dimuat.
62
-
*`onLoad`: sebuah fungsi. Dipanggil saat skrip telah berhasil dimuat.
61
+
*`onError`: sebuah fungsi. Dipanggil saat *script* gagal dimuat.
62
+
*`onLoad`: sebuah fungsi. Dipanggil saat *script* telah berhasil dimuat.
63
63
64
64
Props yang **tidak direkomendasikan** untuk digunakan di React:
65
65
66
-
*`blocking`: sebuah string. Jika dipasang ke `"render"`, memerintahkan browser untuk tidak merender halaman sampai lembar skrip dimuat. React memberikan kontrol yang lebih halus menggunakan Suspense.
67
-
*`defer`: sebuah string. Mencegah browser menjalankan skrip hingga dokumen selesai dimuat. Tidak kompatibel dengan komponen yang dirender oleh server streaming. Gunakan prop `async` sebagai gantinya.
66
+
*`blocking`: sebuah string. Jika dipasang ke `"render"`, memerintahkan browser untuk tidak merender halaman sampai lembar *script* dimuat. React memberikan kontrol yang lebih halus menggunakan Suspense.
67
+
*`defer`: sebuah string. Mencegah browser menjalankan *script* hingga dokumen selesai dimuat. Tidak kompatibel dengan komponen yang dirender oleh *server streaming*. Gunakan prop `async` sebagai gantinya.
68
68
69
69
#### Perilaku rendering khusus {/*special-rendering-behavior*/}
70
70
71
-
React dapat memindahkan komponen `<script>` ke `<head>` dokumen dan menghapus duplikat skrip yang identik.
71
+
React dapat memindahkan komponen `<script>` ke `<head>` dokumen dan menghapus *script* duplikat yang identik.
72
72
73
-
Untuk ikut dalam perilaku ini, berikan props `src` dan `async={true}`. React akan menghapus duplikat skrip jika skrip tersebut memiliki `src` yang sama. Prop `async` harus benar agar skrip dapat dipindahkan dengan aman.
73
+
Untuk mengikuti perilaku ini, berikan props `src` dan `async={true}`. React akan menghapus *script*duplikat jika skrip tersebut memiliki `src` yang sama. Prop `async` harus memiliki nilai *true*agar *script* dapat dipindahkan dengan aman.
74
74
75
75
Perlakuan khusus ini disertai dengan dua peringatan:
76
76
77
-
* React akan mengabaikan perubahan pada props setelah skrip dirender. (React akan mengeluarkan peringatan dalam pengembangan jika ini terjadi.)
78
-
* React mungkin meninggalkan skrip di DOM bahkan setelah komponen yang merendernya telah dilepas. (Ini tidak berpengaruh karena skrip hanya dijalankan satu kali ketika dimasukkan ke dalam DOM.)
77
+
* React akan mengabaikan perubahan pada props setelah *script* dirender. (React akan mengeluarkan peringatan dalam pengembangan jika ini terjadi.)
78
+
* React mungkin meninggalkan *script* di DOM bahkan setelah komponen yang merendernya telah dilepas. (Ini tidak berpengaruh karena *script* hanya dijalankan satu kali ketika dimasukkan ke dalam DOM.)
Jika suatu komponen bergantung pada skrip tertentu agar dapat ditampilkan dengan benar, Anda dapat merender `<script>` di dalam komponen tersebut.
87
-
Namun, komponen mungkin dikomit sebelum skrip selesai dimuat.
88
-
Anda dapat mulai bergantung pada konten skrip setelah acara `load` diaktifkan, mis. dengan menggunakan prop `onLoad`.
86
+
Jika suatu komponen bergantung pada *script* tertentu agar dapat ditampilkan dengan benar, Anda dapat merender `<script>` di dalam komponen tersebut.
87
+
Namun, komponen mungkin di-*commit* sebelum *script* selesai dimuat.
88
+
Anda dapat mulai bergantung pada konten *script* setelah acara `load` diaktifkan, mis. dengan menggunakan prop `onLoad`.
89
89
90
-
React akan menghapus duplikat skrip yang memiliki `src` yang sama, hanya memasukkan salah satu skrip tersebut ke dalam DOM meskipun beberapa komponen merendernya.
90
+
React akan menghapus *script*duplikat yang memiliki `src` yang sama, hanya memasukkan salah satu *script* tersebut ke dalam DOM meskipun beberapa komponen merendernya.
91
91
92
92
<SandpackWithHTMLOutput>
93
93
@@ -115,12 +115,12 @@ export default function Page() {
115
115
</SandpackWithHTMLOutput>
116
116
117
117
<Note>
118
-
Saat Anda ingin menggunakan skrip, akan bermanfaat jika memanggil fungsi [preinit](/reference/react-dom/preinit). Memanggil fungsi ini memungkinkan browser untuk mulai mengambil skrip lebih awal dibandingkan jika Anda hanya merender komponen `<script>`, misalnya dengan mengirimkan [respons Petunjuk Awal HTTP](https://developer.mozilla.org/en-AS/dokumen/Web/HTTP/Status/103).
118
+
Saat Anda ingin menggunakan *script*, akan bermanfaat jika memanggil fungsi [preinit](/reference/react-dom/preinit). Memanggil fungsi ini memungkinkan browser untuk mulai mengambil *script* lebih awal dibandingkan jika Anda hanya merender komponen `<script>`, misalnya dengan mengirimkan [respons Early Hints HTTP](https://developer.mozilla.org/en-US/dokumen/Web/HTTP/Status/103).
Untuk menyertakan skrip inline, render komponen `<script>` dengan kode sumber skrip sebagai turunannya. Skrip sebaris tidak dihapus duplikatnya atau dipindahkan ke dokumen `<head>`.
123
+
Untuk menyertakan *script sisipan*, render komponen `<script>` dengan kode sumber *script* sebagai turunannya. *Script* sebaris tidak dihapus duplikatnya atau dipindahkan ke dokumen `<head>`.
0 commit comments