Skip to content

Commit 43c2882

Browse files
committed
update: proofreading
1 parent 99c3139 commit 43c2882

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

src/content/reference/react/useDebugValue.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: useDebugValue
44

55
<Intro>
66

7-
`useDebugValue` merupakan React Hook yang memungkinkan Anda untuk menambahkan label ke sebuah kustom Hook di dalam [React DevTools.](/learn/react-developer-tools)
7+
`useDebugValue` merupakan React Hook yang memungkinkan Anda untuk menambahkan label ke sebuah Hook kustom di dalam [React DevTools.](/learn/react-developer-tools)
88

99
```js
1010
useDebugValue(value, format?)
@@ -20,7 +20,7 @@ useDebugValue(value, format?)
2020
2121
### `useDebugValue(value, format?)` {/*usedebugvalue*/}
2222
23-
Panggil `useDebugValue` di bagian atas [kustom Hook](/learn/reusing-logic-with-custom-hooks) Anda untuk manampilkan nilai *debug* yang dapat dibaca:
23+
Panggil `useDebugValue` di bagian atas [Hook kustom](/learn/reusing-logic-with-custom-hooks) Anda untuk manampilkan nilai *debug* yang dapat dibaca:
2424
2525
```js
2626
import { useDebugValue } from 'react';
@@ -37,17 +37,17 @@ function useOnlineStatus() {
3737
#### Parameter {/*parameters*/}
3838
3939
* `value`: Nilai yang Anda inginkan untuk ditampilkan di dalam React DevTools. Nilai tersebut dapat memiliki tipe apa pun.
40-
* `format` **opsional**: Sebuah fungsi format. Ketika komponen diperiksa, React DevTools akan memanggil fungsi pemformatan dengan `value` sebagai argumennya, dan kemudian menampilkan nilai kembalian yang telah diformat (yang mungkin memiliki jenis apapun). Jika Anda tidak menentukan fungsi pemformatan, `value` asli itu sendiri yang akan ditampilkan.
40+
* `format` **opsional**: Fungsi untuk pemformatan. Ketika komponen diperiksa, React DevTools akan memanggil fungsi pemformatan dengan `value` sebagai argumennya, dan kemudian menampilkan nilai kembalian yang telah diformat (yang mungkin memiliki jenis apapun). Jika Anda tidak menentukan fungsi pemformatan, `value` asli itu sendiri yang akan ditampilkan.
4141
4242
#### Kembalian {/*returns*/}
4343
4444
`useDebugValue` tidak mengembalikan apapun.
4545
4646
## Penggunaan {/*usage*/}
4747
48-
### Menambahkan sebuah label ke sebuah kustom Hook {/*adding-a-label-to-a-custom-hook*/}
48+
### Menambahkan sebuah label ke sebuah Hook kustom {/*adding-a-label-to-a-custom-hook*/}
4949
50-
Panggil `useDebugValue` pada bagian atas [kustom Hook](/learn/reusing-logic-with-custom-hooks) Anda untuk menampilkan <CodeStep step={1}>nilai debug</CodeStep> yang dapat dibaca untuk [React DevTools.](/learn/react-developer-tools)
50+
Panggil `useDebugValue` pada bagian atas [Hook kustom](/learn/reusing-logic-with-custom-hooks) Anda untuk menampilkan <CodeStep step={1}>nilai debug</CodeStep> yang dapat dibaca untuk [React DevTools.](/learn/react-developer-tools)
5151
5252
```js [[1, 5, "isOnline ? 'Online' : 'Offline'"]]
5353
import { useDebugValue } from 'react';
@@ -59,7 +59,7 @@ function useOnlineStatus() {
5959
}
6060
```
6161
62-
Ini membiarkan komponen memanggil `useOnlineStatus` sebuah label seperti `OnlineStatus: "Online"` ketika Anda memeriksa mereka:
62+
Hal ini akan mengakibatkan komponen yang memanggil `useOnlineStatus` memiliki label seperti `OnlineStatus: "Online"` ketika Anda memeriksanya:
6363
6464
![Sebuah tangkapan layar React DevTools yang menunjukan nilai debug](/images/docs/react-devtools-usedebugvalue.png)
6565
@@ -103,7 +103,7 @@ function subscribe(callback) {
103103
104104
<Note>
105105
106-
Jangan menambahkan nilai *debug* untuk setiap kustom Hook. Itu paling berharga untuk kustom Hooks yang merupakan bagian dari pustaka bersama dan memiliki struktur data internal kompleks yang sulit untuk diperiksa.
106+
Jangan menambahkan nilai *debug* untuk setiap Hook kustom. Itu paling berharga untuk kustom Hooks yang merupakan bagian dari pustaka bersama dan memiliki struktur data internal yang kompleks sehingga sulit untuk diperiksa.
107107
108108
</Note>
109109
@@ -117,6 +117,6 @@ Anda juga bisa meneruskan fungsi pemformatan sebagai argumen kedua ke `useDebugV
117117
useDebugValue(date, date => date.toDateString());
118118
```
119119
120-
Fungsi pemformatan Anda akan menerima <CodeStep step={1}>nilai debug</CodeStep> sebagai sebuah parameter dan akan kembali sebuah <CodeStep step={2}>nilai tampilan yang diformat</CodeStep>. Ketika komponen Anda diperiksa, React DevTools akan memanggil fungsi ini dan menampilkan hasilnya.
120+
Fungsi pemformatan Anda akan menerima <CodeStep step={1}>nilai debug</CodeStep> sebagai sebuah parameter dan akan mengembalikan sebuah <CodeStep step={2}>nilai tampilan yang telah diformat</CodeStep>. Ketika komponen Anda diperiksa, React DevTools akan memanggil fungsi ini dan menampilkan hasilnya.
121121
122-
Ini memungkinkan Anda menghindari menjalankan logika pemformatan yang berpotensi mahal kecuali komponen benar-benar diperiksa. Sebagai contoh, jika `date` merupakan sebuah nilai Tanggal, ini menghindari pemanggilan `toDateString()` pada setiap render komponen.
122+
Ini memungkinkan Anda menghindari menjalankan logika pemformatan yang berpotensi berat kecuali komponen benar-benar diperiksa. Sebagai contoh, jika `date` merupakan sebuah nilai Tanggal, ini menghindari pemanggilan `toDateString()` pada setiap render komponen.

0 commit comments

Comments
 (0)