1 00:00:02,400 --> 00:00:09,660 Sekarang itu adalah pesan kesalahan, kami akan mendapatkan pesan kesalahan selama pengembangan dan membacanya adalah hal yang sangat penting untuk 2 00:00:09,660 --> 00:00:14,180 dilakukan karena mereka benar-benar dapat membantu kami menemukan apa yang salah. 3 00:00:14,310 --> 00:00:21,870 Sekarang mari kita beralih ke kesalahan yang tidak perlu membuang pesan kesalahan atau di mana Anda perlu menggali 4 00:00:21,870 --> 00:00:30,840 sedikit lebih dalam untuk menemukan penyebab root. Misalnya, mari kita katakan itu di aplikasi. js, kami ingin mencari tahu 5 00:00:30,840 --> 00:00:39,390 apakah kami benar-benar menghapus tujuan yang tepat di sini. Untuk mengetahui apakah itu masalahnya, kita dapat menghibur log ID 6 00:00:40,500 --> 00:00:50,900 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 7 00:00:50,900 --> 00:00:59,840 di sini dan kemudian kita memiliki daftar tentu saja sasaran di sini, jadi itu adalah daftar tanpa item yang dihapus dan 8 00:00:59,930 --> 00:01:03,360 kemudian kita ingin melihatnya setelah itu dihapus tetapi 9 00:01:03,770 --> 00:01:06,710 cara fungsi pengaturan negara ini di 10 00:01:06,710 --> 00:01:12,170 sini bekerja pada akhirnya, cara React memperbarui keadaan, hanya mencetak tujuan kursus lagi 11 00:01:12,170 --> 00:01:17,350 di baris ini tidak akan memberi kami tujuan kursus yang sudah diperbarui, melainkan 12 00:01:17,370 --> 00:01:20,390 hanya akan diperbarui dalam siklus render berikutnya. 13 00:01:20,390 --> 00:01:23,480 Jadi kita tidak akan melihat tujuan kursus kita di sana tetapi itu tidak masalah, 14 00:01:23,480 --> 00:01:30,860 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 15 00:01:30,860 --> 00:01:35,920 ini akan di-render kembali ketika kita memperbarui tujuan kursus kita dengan baris 16 00:01:35,920 --> 00:01:36,630 ini, 17 00:01:36,730 --> 00:01:46,090 jadi ini akan menjalankan kembali, jadi kita mungkin bisa juga menambahkan sedikit log konsol, komponen rendering ulang, sehingga kita tahu bahwa daftar sasaran 18 00:01:46,090 --> 00:01:54,370 kursus yang kami cetak setelah ini adalah daftar setelah setiap siklus render ulang sedangkan daftar sasaran kursus yang kami cetak 19 00:01:54,610 --> 00:01:59,890 setelah baris yang akan dihapus adalah daftar sasaran kursus sebelum kami menghapus tujuan 20 00:01:59,890 --> 00:02:04,270 kursus dan sekarang kami menambahkan beberapa pernyataan log konsol yang 21 00:02:04,270 --> 00:02:10,390 memungkinkan kami untuk menyelami alur kode kami. Dengan itu jika saya menyimpan ini, aplikasi restart dan kita sudah melihat 22 00:02:10,480 --> 00:02:14,650 komponen rendering ulang yang masuk akal, itu diberikan pertama kali dan kita melihat kita memiliki array kosong 23 00:02:14,650 --> 00:02:17,210 yang juga masuk akal karena kita belum menambahkan apa pun. 24 00:02:17,320 --> 00:02:26,400 Sekarang mari kita tambahkan tujuan baru, mungkin di sini di Android, selesaikan saja. Jika kita melakukan itu, kita melihat rendering komponen, masuk 25 00:02:26,470 --> 00:02:33,810 akal karena kita menambahkan sesuatu dan yang paling penting untuk rendering ulang lainnya di mana 26 00:02:33,810 --> 00:02:39,810 kita menambahkan item, kita melihat item itu di sini dalam array, kita 27 00:02:39,810 --> 00:02:51,780 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 28 00:02:51,780 --> 00:02:55,350 di sini, kita sekarang melihat bahwa itu adalah array dengan 29 00:02:55,350 --> 00:03:01,770 dua item jika kita memperluas ini di sini. Jadi kita sekarang dapat melihat kode kita dan sekarang mari kita hapus item 30 00:03:01,770 --> 00:03:07,560 dengan mengkliknya dan mari kita menghapus item selesai dengan ID 0. 818 dan seterusnya. 31 00:03:08,310 --> 00:03:11,070 Jadi jika saya klik selesaikan saja, Anda melihatnya 32 00:03:11,070 --> 00:03:14,380 terhapus, sehingga sepertinya berfungsi dengan benar dan log konsol kami 33 00:03:14,400 --> 00:03:20,940 mengonfirmasi hal ini, kami sedang merender ulang, kami merender ulang array kami hanya dengan ID ini, jadi dengan yang lain 34 00:03:20,940 --> 00:03:25,830 item yang tidak kami hapus dan di sana, kami melihat untuk dihapus adalah ID ini 35 00:03:25,950 --> 00:03:29,220 di sini, log ini berasal dari baris ini sebelum kami 36 00:03:29,250 --> 00:03:35,490 menghapusnya, jadi itu masih termasuk tetapi untuk siklus re-render berikutnya, kami melihat bahwa ini ID di sini memang tidak 37 00:03:35,490 --> 00:03:36,320 termasuk lagi. 38 00:03:36,390 --> 00:03:38,250 Tentu saja, itu sedikit contoh yang 39 00:03:38,250 --> 00:03:43,290 dibuat-buat, kami tentu saja melihat bahwa itu berlaku dengan benar di sini, tetapi bayangkan Anda memiliki aliran yang 40 00:03:43,290 --> 00:03:48,540 lebih kompleks dalam kode yang ingin Anda debug, maka pernyataan log konsol seperti itu benar-benar dapat membantu Anda 41 00:03:48,540 --> 00:03:53,310 memahami bagaimana Anda kode sedang berjalan, seberapa sering itu berjalan dan jika nilai yang benar digunakan. 42 00:03:53,520 --> 00:03:58,470 Jadi pernyataan log konsol benar-benar dapat membantu jika Anda membuangnya ke dalam kode Anda, jangan 43 00:03:58,470 --> 00:04:03,900 lupa juga untuk menghapusnya pada akhirnya sehingga Anda tidak membuat kerumunan kode Anda dengan banyak pernyataan log konsol.