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
Anda hanya dapat memanggil Hooks **saat React mer-_render_ fungsional komponen**:
25
+
Anda hanya dapat memanggil Hooks **saat React me-_render_ fungsional komponen**:
26
26
27
27
* ✅ Panggil pada tingkatan atas dalam badan fungsional komponen.
28
28
* ✅ Panggil pada tingkatan atas dalam badan [custom Hook](/docs/hooks-custom.html).
@@ -45,11 +45,11 @@ function useWindowWidth() {
45
45
46
46
Untuk menghindari kebingungan, Pemanggilan Hooks tidak didukung pada kasus-kasus berikut:
47
47
48
-
* 🔴 Jangan panggil Hooks di dalam komponen berbasi kelas.
49
-
* 🔴 Jangan panggil Hooks di penangan event.
50
-
* 🔴 Jangan panggil Hooks di dalam fungsi yang dilewatkan pada `useMemo`, `useReducer`, atau `useEffect`.
48
+
* 🔴 Jangan panggil Hooks di dalam komponen kelas.
49
+
* 🔴 Jangan panggil Hooks di *event handler*.
50
+
* 🔴 Jangan panggil Hooks di dalam fungsi yang dioper pada `useMemo`, `useReducer`, atau `useEffect`.
51
51
52
-
Jika anda melanggar aturan-aturan tersebut, anda kemungkinan mendapatkan galat
52
+
Jika anda melanggar aturan-aturan tersebut, anda kemungkinan mendapatkan galat seperti berikut.
53
53
54
54
```js{3-4,11-12,20-21}
55
55
function Bad1() {
@@ -78,7 +78,7 @@ class Bad3 extends React.Component {
78
78
}
79
79
```
80
80
81
-
Anda dapat menggunakan [`eslint-plugin-react-hooks` plugin](https://www.npmjs.com/package/eslint-plugin-react-hooks) untuk memunculkan beberapa kesalahan di atas.
81
+
Anda dapat menggunakan [plugin `eslint-plugin-react-hooks`](https://www.npmjs.com/package/eslint-plugin-react-hooks) untuk memunculkan beberapa kesalahan di atas.
82
82
83
83
>Catatan
84
84
>
@@ -87,15 +87,15 @@ Anda dapat menggunakan [`eslint-plugin-react-hooks` plugin](https://www.npmjs.co
87
87
88
88
## React Ganda{#duplicate-react}
89
89
90
-
Agar Hooks bekerja, `react`_import_dari aplikasi Anda perlu menemukan modul yang sama dengan `react`_import_dari dalam paket`react-dom`.
90
+
Agar Hooks bekerja, _import_`react` dari aplikasi Anda perlu menemukan modul yang sama dengan _import_`react` dari dalam *package*`react-dom`.
91
91
92
-
Jika kedua `react`_imports_ menemukan dua _exports_ obyek yang berbeda, Anda akan melihat peringatan tersebut. Hal ini bisa saja terjadi jika Anda **secara tidak sengaja menggunakan dua salinan** dari paket`react`.
92
+
Jika kedua _import_`react`tersebut menemukan dua _export_ obyek yang berbeda, Anda akan melihat peringatan tersebut. Hal ini bisa saja terjadi jika Anda **secara tidak sengaja menggunakan dua salinan** dari *package*`react`.
93
93
94
94
Jika anda menggunakan _Node_ untuk pengelolaan paket, Anda dapat mejalankan perintah ini di dalam berkas proyek Anda:
95
95
96
96
npm ls react
97
97
98
-
Jika anda menemukan lebih dari satu React, Anda perlu temukan kenapa hal ini terjadi dan perbaiki _dependency tree_ Anda. Contohnya, kemungkinan _library_ yang anda gunakan, menentukan `react` secara salah sebagai _dependency_ (daripada _peer dependency_). Sampai pustaka tersebut diperbaik, [Yarn resolutions](https://yarnpkg.com/lang/en/docs/selective-version-resolutions/) dapat menjadi salah satu solusi.
98
+
Jika anda menemukan lebih dari satu React, Anda perlu temukan kenapa hal ini terjadi dan perbaiki _dependency tree_ Anda. Contohnya, kemungkinan _library_ yang anda gunakan, menentukan `react` secara salah sebagai _dependency_ (daripada _peer dependency_). Sampai _library_ tersebut diperbaik, [Yarn resolutions](https://yarnpkg.com/lang/en/docs/selective-version-resolutions/) dapat menjadi salah satu solusi.
99
99
100
100
Anda juga dapat mencoba men-_debug_ masalah ini dengan cara menambahkan beberapa _logs_ dan memuat ulang _development server_ Anda:
0 commit comments