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: content/warnings/unknown-prop.md
+7-7Lines changed: 7 additions & 7 deletions
Original file line number
Diff line number
Diff line change
@@ -3,15 +3,15 @@ title: Unknown Prop Warning
3
3
layout: single
4
4
permalink: warnings/unknown-prop.html
5
5
---
6
-
Peringatan *unknown-prop* akan muncul jika anda mencoba me-*render* sebuah elemen DOM dengan *prop* yang tidak dikenali oleh React sebagai sebuah atribut/properti DOM yang valid.
6
+
Peringatan *unknown-prop* akan muncul jika Anda mencoba me-*render* sebuah elemen DOM dengan *prop* yang tidak dikenali oleh React sebagai sebuah atribut/properti DOM yang valid.
7
7
8
8
Ada beberapa penyebab yang memungkinkan munculnya peringatan ini:
9
9
10
-
1. Apakah anda menggunakan `{...this.props}` atau `cloneElement(element, this.props)`? Komponen anda mengirimkan *props*-nya sendiri langsung ke elemen turunannya (misalnya [mengirimkan *props*](/docs/transferring-props.html)). Ketika mengirimkan *props* ke elemen turunan, anda harus memastikan anda tidak secara tidak sengaja meneruskan *props* yang dimaksudkan untuk diinterpretasikan oleh elemen induknya.
10
+
1. Apakah Anda menggunakan `{...this.props}` atau `cloneElement(element, this.props)`? Komponen Anda mengirimkan *props*-nya sendiri langsung ke elemen turunannya (misalnya [mengirimkan *props*](/docs/transferring-props.html)). Ketika mengirimkan *props* ke elemen turunan, Anda harus memastikan Anda tidak secara tidak sengaja meneruskan *props* yang dimaksudkan untuk diinterpretasikan oleh elemen induknya.
11
11
12
-
2. Anda menggunakan sebuah atribut DOM yang bukan merupakan atribut standar pada sebuah *node* DOM bawaan, mungkin untuk merepresentasikan suatu data *custom*. Jika anda sedang berusaha melampirkan data *custom* pada sebuah elemen DOM standar, pertimbangkanlah untuk menggunakan sebuah atribut data *custom* sebagaimana dijelaskan [di MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using*data*attributes).
12
+
2. Anda menggunakan sebuah atribut DOM yang bukan merupakan atribut standar pada sebuah *node* DOM bawaan, mungkin untuk merepresentasikan suatu data *custom*. Jika Anda sedang berusaha melampirkan data *custom* pada sebuah elemen DOM standar, pertimbangkanlah untuk menggunakan sebuah atribut data *custom* sebagaimana dijelaskan [di MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using*data*attributes).
13
13
14
-
3. React belum mengenali atribut yang anda spesifikasikan. Hal ini kemungkinan akan diperbaiki pada versi React yang akan datang. Namun, untuk saat ini React akan menghilangkan semua atribut yang tidak dikenali, sehingga menspesifikasikan atribut-atribut tersebut pada aplikasi React anda tidak akan membuat atribut-atribut tersebut di-*render*.
14
+
3. React belum mengenali atribut yang Anda spesifikasikan. Hal ini kemungkinan akan diperbaiki pada versi React yang akan datang. Namun, untuk saat ini React akan menghilangkan semua atribut yang tidak dikenali, sehingga menspesifikasikan atribut-atribut tersebut pada aplikasi React Anda tidak akan membuat atribut-atribut tersebut di-*render*.
15
15
16
16
4. Anda menggunakan sebuah komponen React tanpa *uppercase*. React merepresentasikan komponen tersebut sebagai sebuah *tag* DOM karena [proses transformasi React JSX menggunakan konvensi *upper* versus *lower case* untuk membedakan antara komponen yang dibuat oleh pengguna dengan *tag* DOM](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized).
17
17
@@ -24,10 +24,10 @@ Untuk memperbaiki hal ini, komponen-komponen komposit harus "mengonsumsi" semua
24
24
```js
25
25
functionMyDiv(props) {
26
26
if (props.layout==='horizontal') {
27
-
// BURUK! Karena anda tahu pasti bahwa "layout" bukan merupakan prop yang dimengerti oleh <div>.
27
+
// BURUK! Karena Anda tahu pasti bahwa "layout" bukan merupakan prop yang dimengerti oleh <div>.
**Baik:** Anda dapat juga menempatkan *props* pada sebuah objek baru dan menghapus sebagian *key* yang telah anda gunakan dari objek baru tersebut. Pastikan anda tidak menghapus *props* dari objek `this.props` yang asli karena objek tersebut seharusnya dianggap *immutable*.
49
+
**Baik:** Anda dapat juga menempatkan *props* pada sebuah objek baru dan menghapus sebagian *key* yang telah Anda gunakan dari objek baru tersebut. Pastikan Anda tidak menghapus *props* dari objek `this.props` yang asli karena objek tersebut seharusnya dianggap *immutable*.
0 commit comments