Skip to content

Commit 25e92ac

Browse files
brandon-julio-tr17x
authored andcommitted
docs: change "membarui" into "memperbarui" to incorporate change from PR review
1 parent 822c504 commit 25e92ac

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

src/content/learn/updating-objects-in-state.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@ title: Memperbarui Objek dalam State
1010

1111
<YouWillLearn>
1212

13-
- Bagaimana cara membarui objek di dalam React *state*
14-
- Bagaimana cara membarui objek yang bersarang tanpa melakukan mutasi
13+
- Bagaimana cara memperbarui objek di dalam React *state*
14+
- Bagaimana cara memperbarui objek yang bersarang tanpa melakukan mutasi
1515
- Apa itu *immutability*, dan bagaimana agar tidak merusaknya
1616
- Bagaimana cara mempersingkat penyalinan objek dengan Immer
1717

@@ -40,7 +40,7 @@ Sekarang pikirkan sebuah objek dalam *state*:
4040
const [position, setPosition] = useState({ x: 0, y: 0 });
4141
```
4242

43-
Secara teknis, Anda bisa membarui isi konten *objek itu sendiri*. **Hal ini disebut sebagai mutasi:**
43+
Secara teknis, Anda bisa memperbarui isi konten *objek itu sendiri*. **Hal ini disebut sebagai mutasi:**
4444

4545
```js
4646
position.x = 5;
@@ -646,7 +646,7 @@ let obj3 = {
646646
};
647647
```
648648

649-
Jika Anda membarui `obj3.artwork.city`, hal itu akan mempengaruhi `obj2.artwork.city` dan `obj1.city`. Hal ini disebabkan karena `obj3.artwork`, `obj2.artwork`, dan `obj1` merupakan objek yang sama. Hal ini sulit untuk dilihat ketika Anda memikirkan objek-objek sebagai "bersarang". Alih-alih, mereka sebenarnya adalah objek-objek terpisah yang "menunjuk" satu sama lain melalui properti-properti.
649+
Jika Anda memperbarui `obj3.artwork.city`, hal itu akan mempengaruhi `obj2.artwork.city` dan `obj1.city`. Hal ini disebabkan karena `obj3.artwork`, `obj2.artwork`, dan `obj1` merupakan objek yang sama. Hal ini sulit untuk dilihat ketika Anda memikirkan objek-objek sebagai "bersarang". Alih-alih, mereka sebenarnya adalah objek-objek terpisah yang "menunjuk" satu sama lain melalui properti-properti.
650650

651651
</DeepDive>
652652

@@ -812,7 +812,7 @@ Dalam praktek, Anda bisa sering kali "lolos" dengan melakukan mutasi *state* dal
812812
* Daripada mutasi objek, buat versi *baru* dari objek tersebut, dan picu render ulang dengan menyimpan objek baru tersebut ke *state*.
813813
* Kamu bisa menggunakan `{...obj, something: 'newValue'}` sintaksis objek *spread* untuk membuat salinan dari objek-objek.
814814
* Sintaksis *spread* adalah dangkal: ia hanya menyalin sedalam satu level.
815-
* Untuk membarui objek bersarang, Anda perlu menyalin semuanya sampai ke tempat pembaruan.
815+
* Untuk memperbarui objek bersarang, Anda perlu menyalin semuanya sampai ke tempat pembaruan.
816816
* Untuk mengurangi kode salinan objek yang repetitif, gunakan Immer.
817817
818818
</Recap>
@@ -964,7 +964,7 @@ input { margin-left: 5px; margin-bottom: 5px; }
964964

965965
</Sandpack>
966966

967-
Masalah pada `handlePlusClick` adalah fungsi tersebut melakukan mutasi terhadap objek `player`. Hasilnya, React tidak tahu bahwa ada alasan untuk melakukan render ulang, dan tidak membarui skor pada layar. Inilah alasan mengapa ketika Anda mengubah nama pertama, *state* diperbarui, memicu render ulang **yang juga** membarui skor pada layar.
967+
Masalah pada `handlePlusClick` adalah fungsi tersebut melakukan mutasi terhadap objek `player`. Hasilnya, React tidak tahu bahwa ada alasan untuk melakukan render ulang, dan tidak memperbarui skor pada layar. Inilah alasan mengapa ketika Anda mengubah nama pertama, *state* diperbarui, memicu render ulang **yang juga** memperbarui skor pada layar.
968968

969969
Masalah pada `handleLastNameChange` adalah fungsi tersebut tidak menyalin properti-properti `...player` sebelumnya ke objek yang baru. Inilah alasan mengapa skor menjadi hilang setelah Anda mengubah nama belakang.
970970

0 commit comments

Comments
 (0)