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: src/content/learn/adding-interactivity.md
+5-5
Original file line number
Diff line number
Diff line change
@@ -240,12 +240,12 @@ Sebelum komponen Anda ditampilkan di layar, mereka harus di *render* oleh React.
240
240
Bayangkan bahwa komponen Anda adalah koki di dapur, menyusun hidangan lezat dari bahan-bahan dasar. Dalam skenario ini, React adalah pelayan yang mengajukan permintaan dari pelanggan dan membawakan pesanan mereka. Proses permintaan dan pelayanan UI ini memiliki tiga langkah:
241
241
242
242
1.**Memicu***render* (mengirimkan pesanan pelanggan ke dapur)
243
-
2.**Merender** komponen (menyiapkan pesanan di dapur)
243
+
2.**Me-*render*** komponen (menyiapkan pesanan di dapur)
244
244
3.**Commit** ke DOM (menempatkan pesanan di meja)
245
245
246
246
<IllustrationBlocksequential>
247
247
<Illustrationcaption="Memicu"alt="React sebagai pelayan di restoran, mengambil pesanan dari pengguna dan mengantarkannya ke Dapur Komponent"src="/images/docs/illustrations/i_render-and-commit1.png" />
248
-
<Illustrationcaption="Merender"alt="Koki Card memberikan React komponen Card baru."src="/images/docs/illustrations/i_render-and-commit2.png" />
<Illustrationcaption="Commit"alt="React mengantarkan Card ke pengguna di meja mereka"src="/images/docs/illustrations/i_render-and-commit3.png" />
250
250
</IllustrationBlock>
251
251
@@ -257,11 +257,11 @@ Baca **[Render dan Commit](/learn/render-and-commit)** untuk mempelajari *lifecy
257
257
258
258
## State sebagai snapshot {/*state-as-a-snapshot*/}
259
259
260
-
Tidak seperti variabel Javascript biasa, state di React berperilaku lebih seperti *snapshot*. Mengubah state tidaklah mengubah variabel state yang Anda miliki sekarang, tetapi akan memicu re-render. Ini bisa mengejutkan pada awalnya!
260
+
Tidak seperti variabel Javascript biasa, state di React berperilaku lebih seperti *snapshot*. Mengubah state tidaklah mengubah variabel state yang Anda miliki sekarang, tetapi akan memicu *render* ulang. Ini bisa mengejutkan pada awalnya!
261
261
262
262
```js
263
263
console.log(count); // 0
264
-
setCount(count +1); // Meminta re-render dengan 1
264
+
setCount(count +1); // Meminta render ulang dengan 1
[State sebagai Snapshot](/learn/state-as-a-snapshot) menjelaskan mengapa ini terjadi. Mengubah state akan meminta re-render baru, tetapi tidak akan mengubah state-nya di kode yang sudah berjalan. Jadi `score` tetap `0` setelah Anda memanggil `setScore(score + 1)`.
357
+
[State sebagai Snapshot](/learn/state-as-a-snapshot) menjelaskan mengapa ini terjadi. Mengubah state akan meminta *render* ulang baru, tetapi tidak akan mengubah state-nya di kode yang sudah berjalan. Jadi `score` tetap `0` setelah Anda memanggil `setScore(score + 1)`.
0 commit comments