Sekarang itu adalah pesan kesalahan, kami akan mendapatkan pesan kesalahan selama pengembangan dan membacanya adalah hal yang sangat penting untuk
dilakukan karena mereka benar-benar dapat membantu kami menemukan apa yang salah.
Sekarang mari kita beralih ke kesalahan yang tidak perlu membuang pesan kesalahan atau di mana Anda perlu menggali
sedikit lebih dalam untuk menemukan penyebab root. Misalnya, mari kita katakan itu di aplikasi. js, kami ingin mencari tahu
apakah kami benar-benar menghapus tujuan yang tepat di sini. Untuk mengetahui apakah itu masalahnya, kita dapat menghibur log ID
tujuan kita di sini, mungkin menambahkan beberapa teks info yang ingin dihapus di depan ini, sehingga kita mendapatkan beberapa informasi tentang apa yang akan dicetak
di sini dan kemudian kita memiliki daftar tentu saja sasaran di sini, jadi itu adalah daftar tanpa item yang dihapus dan
kemudian kita ingin melihatnya setelah itu dihapus tetapi
cara fungsi pengaturan negara ini di
sini bekerja pada akhirnya, cara React memperbarui keadaan, hanya mencetak tujuan kursus lagi
di baris ini tidak akan memberi kami tujuan kursus yang sudah diperbarui, melainkan
hanya akan diperbarui dalam siklus render berikutnya.
Jadi kita tidak akan melihat tujuan kursus kita di sana tetapi itu tidak masalah,
kita hanya perlu mencatat ini di tempat yang berbeda, kita mencatat ini di sini di komponen kita. Di sana kita mencatat tujuan kursus dan seluruh komponen
ini akan di-render kembali ketika kita memperbarui tujuan kursus kita dengan baris
ini,
jadi ini akan menjalankan kembali, jadi kita mungkin bisa juga menambahkan sedikit log konsol, komponen rendering ulang, sehingga kita tahu bahwa daftar sasaran
kursus yang kami cetak setelah ini adalah daftar setelah setiap siklus render ulang sedangkan daftar sasaran kursus yang kami cetak
setelah baris yang akan dihapus adalah daftar sasaran kursus sebelum kami menghapus tujuan
kursus dan sekarang kami menambahkan beberapa pernyataan log konsol yang
memungkinkan kami untuk menyelami alur kode kami. Dengan itu jika saya menyimpan ini, aplikasi restart dan kita sudah melihat
komponen rendering ulang yang masuk akal, itu diberikan pertama kali dan kita melihat kita memiliki array kosong
yang juga masuk akal karena kita belum menambahkan apa pun.
Sekarang mari kita tambahkan tujuan baru, mungkin di sini di Android, selesaikan saja. Jika kita melakukan itu, kita melihat rendering komponen, masuk
akal karena kita menambahkan sesuatu dan yang paling penting untuk rendering ulang lainnya di mana
kita menambahkan item, kita melihat item itu di sini dalam array, kita
juga melihat ID dari item itu dan nilai yang terlihat baik-baik saja. Sekarang mari kita tambahkan item lain mungkin, pelajari React Native dan tambahkan ini dan kita melihat ini
di sini, kita sekarang melihat bahwa itu adalah array dengan
dua item jika kita memperluas ini di sini. Jadi kita sekarang dapat melihat kode kita dan sekarang mari kita hapus item
dengan mengkliknya dan mari kita menghapus item selesai dengan ID 0. 818 dan seterusnya.
Jadi jika saya klik selesaikan saja, Anda melihatnya
terhapus, sehingga sepertinya berfungsi dengan benar dan log konsol kami
mengonfirmasi hal ini, kami sedang merender ulang, kami merender ulang array kami hanya dengan ID ini, jadi dengan yang lain
item yang tidak kami hapus dan di sana, kami melihat untuk dihapus adalah ID ini
di sini, log ini berasal dari baris ini sebelum kami
menghapusnya, jadi itu masih termasuk tetapi untuk siklus re-render berikutnya, kami melihat bahwa ini ID di sini memang tidak
termasuk lagi.
Tentu saja, itu sedikit contoh yang
dibuat-buat, kami tentu saja melihat bahwa itu berlaku dengan benar di sini, tetapi bayangkan Anda memiliki aliran yang
lebih kompleks dalam kode yang ingin Anda debug, maka pernyataan log konsol seperti itu benar-benar dapat membantu Anda
memahami bagaimana Anda kode sedang berjalan, seberapa sering itu berjalan dan jika nilai yang benar digunakan.
Jadi pernyataan log konsol benar-benar dapat membantu jika Anda membuangnya ke dalam kode Anda, jangan
lupa juga untuk menghapusnya pada akhirnya sehingga Anda tidak membuat kerumunan kode Anda dengan banyak pernyataan log konsol.