Skip to content

Commit 01bb364

Browse files
authored
Apply suggestions from code review
1 parent 3ed1547 commit 01bb364

File tree

1 file changed

+31
-31
lines changed
  • src/content/reference/react-dom/components

1 file changed

+31
-31
lines changed

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

Lines changed: 31 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,13 @@ canary: true
55

66
<Canary>
77

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).
99

1010
</Canary>
1111

1212
<Intro>
1313

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.
1515

1616
```js
1717
<script> alert("hi!") </script>
@@ -27,7 +27,7 @@ Ekestensi React untuk `<script>` saat ini hanya tersedia di canary dan saluran e
2727

2828
### `<script>` {/*script*/}
2929

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.
3131

3232
```js
3333
<script> alert("hi!") </script>
@@ -40,54 +40,54 @@ Untuk menambahkan eksternal atau sisipan skrip pada document, render [komponen b
4040

4141
`<script>` mendukung segala [props elemen umum.](/reference/react-dom/components/common#props)
4242

43-
Seharusnya memiliki *salah satu* `children` atau `src` prop.
43+
Seharusnya memiliki *salah satu* props `children` atau `src`.
4444

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*.
4747

48-
props lain yang didukung:
48+
Props lain yang didukung:
4949

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.
5555
* `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).
5858

59-
Props yang menonaktifkan [perlakuan khusus pada skrip](#special-rendering-behavior) React:
59+
Props yang menonaktifkan [perlakuan khusus pada *script*](#special-rendering-behavior) React:
6060

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.
6363

6464
Props yang **tidak direkomendasikan** untuk digunakan di React:
6565

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.
6868

6969
#### Perilaku rendering khusus {/*special-rendering-behavior*/}
7070

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.
7272

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.
7474

7575
Perlakuan khusus ini disertai dengan dua peringatan:
7676

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.)
7979

8080
---
8181

8282
## Penggunaan {/*usage*/}
8383

84-
### Merender skrip eksternal {/*rendering-an-external-script*/}
84+
### Merender *script* eksternal {/*rendering-an-external-script*/}
8585

86-
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`.
8989

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.
9191

9292
<SandpackWithHTMLOutput>
9393

@@ -115,12 +115,12 @@ export default function Page() {
115115
</SandpackWithHTMLOutput>
116116

117117
<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).
119119
</Note>
120120

121-
### Merender skrip sisipan {/*rendering-an-inline-script*/}
121+
### Merender *script* sisipan {/*rendering-an-inline-script*/}
122122

123-
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>`.
124124

125125
<SandpackWithHTMLOutput>
126126

0 commit comments

Comments
 (0)