1 00:00:02,600 --> 00:00:08,300 Sekarang untuk menghapus item yang ditekan, saya akan menambahkan fungsi baru di sini di komponen aplikasi saya, jadi 2 00:00:08,480 --> 00:00:10,790 fungsi baru yang saya simpan di konstanta 3 00:00:11,150 --> 00:00:13,750 ini dan saya akan beri nama itu menghapus 4 00:00:13,970 --> 00:00:20,180 penangan gawang dan di sini saya berharap untuk mendapatkan ID tujuan sebagai input karena ID ini memungkinkan kami untuk mengidentifikasi 5 00:00:20,180 --> 00:00:22,280 item yang ingin kami hapus, sebagai 6 00:00:22,280 --> 00:00:26,620 alternatif, kami juga bisa mendapatkan indeks dalam array dan kemudian menghapus item dengan 7 00:00:26,630 --> 00:00:32,450 indeks tetapi saya pikir ID lebih baik karena kami memiliki ID jelas cocok dengan setiap item, mengapa kita 8 00:00:32,450 --> 00:00:34,480 tidak menggunakannya untuk menghapusnya dan 9 00:00:34,750 --> 00:00:40,220 sekarang di sini kita dapat menetapkan tujuan kursus kita karena tentu saja saya ingin memperbarui tujuan kursus 10 00:00:40,220 --> 00:00:45,070 saya dan lagi, kami membuat pembaruan yang didasarkan pada kami tujuan kursus saat ini, jadi 11 00:00:45,080 --> 00:00:47,190 saya akan menggunakan formulir fungsi di 12 00:00:47,240 --> 00:00:50,400 sini, saya melewati fungsi, fungsi anonim untuk menetapkan tujuan kursus. 13 00:00:50,510 --> 00:00:52,610 Di sana saya mendapatkan snapshot keadaan saya 14 00:00:52,610 --> 00:00:57,890 saat ini, tujuan kursus saya saat ini dan di badan fungsi, saya harus mengembalikan tujuan kursus yang diperbarui. 15 00:00:57,890 --> 00:01:04,490 Sekarang jika Anda bertanya-tanya mengapa saya tidak memiliki kurung kurawal di sini, di sini saya menggunakan sintaks yang lebih pendek di mana saya hanya 16 00:01:04,490 --> 00:01:06,860 memiliki satu ekspresi yang ingin saya kembalikan, jadi saya 17 00:01:06,860 --> 00:01:10,500 menghilangkan fungsi tubuh dan pernyataan kembali. Di sini, saya akan 18 00:01:10,730 --> 00:01:15,380 memiliki sedikit pernyataan yang lebih panjang, oleh karena itu saya ingin memiliki fungsi tubuh 19 00:01:15,860 --> 00:01:22,430 di sini untuk dibaca karena di sini, saya akan mengembalikan filter sasaran saat ini karena filter adalah metode bawaan 20 00:01:22,730 --> 00:01:28,940 yang dibangun ke dalam Javascript yang memungkinkan kita untuk mengembalikan array baru, filter selalu menghasilkan array baru yang 21 00:01:28,940 --> 00:01:32,800 didasarkan pada array lama yang Anda panggil difilter oleh kriteria tertentu. 22 00:01:32,840 --> 00:01:39,260 Sekarang kriteria pada akhirnya diteruskan dengan bantuan fungsi yang Anda berikan untuk difilter. Fungsi yang Anda lewati untuk memfilter mendapatkan sasaran karena 23 00:01:39,260 --> 00:01:45,540 fungsi ini berjalan pada setiap elemen pada larik yang Anda panggil, jadi dalam hal ini, ia berjalan pada setiap 24 00:01:45,540 --> 00:01:46,490 sasaran yang 25 00:01:46,490 --> 00:01:52,220 kami miliki di larik sasaran saat ini dan oleh karena itu kami mendapatkan sasaran itu. sedang berjalan dan 26 00:01:52,220 --> 00:01:57,890 sekarang kita dapat mengembalikan true jika kita ingin menyimpan item itu atau salah jika kita ingin menjatuhkannya 27 00:01:57,890 --> 00:02:05,150 dan kita ingin mengembalikan true jika ID tujuan yang kita lihat tidak sama dengan ID tujuan kita ' kembali sebagai argumen karena 28 00:02:05,250 --> 00:02:09,560 itulah ID tujuan yang ingin kami hapus, Jadi kami hanya ingin menyimpan item 29 00:02:09,710 --> 00:02:14,750 di mana ID ini tidak cocok karena jika mereka cocok, maka itu adalah item yang 30 00:02:14,750 --> 00:02:16,000 ingin kami singkirkan dan 31 00:02:16,070 --> 00:02:19,580 karena itu kami tentu saja ingin menjatuhkannya dari array baru kami. 32 00:02:20,120 --> 00:02:25,820 Jadi ini adalah logika filter untuk menyingkirkan item dan mengembalikannya ke sini sebagai status baru kami 33 00:02:25,820 --> 00:02:27,620 yang pada akhirnya ditetapkan. 34 00:02:27,620 --> 00:02:35,810 Sekarang kita dapat menghubungkan remove handler ke onDelete dan sekarang di sini kita punya dua opsi atau beberapa opsi untuk melakukan ini, kita bisa langsung menambahkan 35 00:02:35,810 --> 00:02:36,760 add handler 36 00:02:36,830 --> 00:02:42,200 tujuan tetapi perlu diingat bahwa Anda harus melewati ID. Jadi opsi nomor satu adalah Anda juga meneruskan ID 37 00:02:42,200 --> 00:02:50,710 di sini ke item sasaran dengan hanya menunjuk pada itemData. barang. id karena sama seperti setiap item 38 00:02:50,770 --> 00:02:57,760 memiliki nilai, setiap item di sini juga memiliki ID karena kami menambahkan ID ketika kami menambahkan item di 39 00:02:57,760 --> 00:03:03,260 sana dan sekarang karena kami meneruskan ID ke item tujuan dan kami meneruskan 40 00:03:03,260 --> 00:03:09,280 prop onDelete ke item tujuan, di dalam item tujuan, di sini tempat kami memanggil Dihapus 41 00:03:09,280 --> 00:03:14,320 pada akhirnya atau di mana kami meneruskan handler pada Hapus poin di 42 00:03:14,320 --> 00:03:20,320 ke onPress, kami juga dapat mengikat ini untuk menetapkan argumen default saat dipanggil dan argumen 43 00:03:20,320 --> 00:03:25,900 default di sini akan menjadi props ID, jadi ID kami juga mendapatkan sehingga ID 44 00:03:25,900 --> 00:03:32,800 ini diteruskan ke onDelete ketika diminta oleh pers. Itu opsi nomor satu dan itu opsi yang akan saya gunakan, tetapi 45 00:03:32,800 --> 00:03:38,530 juga untuk menunjukkan opsi lain kepada Anda, opsi lainnya adalah Anda tidak meneruskan ID ke item tujuan, tetapi sebaliknya di 46 00:03:38,530 --> 00:03:44,050 sini diDelete, Anda tahu pada akhirnya menghapus goal handler akan dieksekusi dan kemudian di sini Anda dapat menambahkan bind 47 00:03:44,080 --> 00:03:50,590 ini dan kemudian arahkan itemData itu. barang. id, itu juga akan berhasil. 48 00:03:51,040 --> 00:03:56,280 Sekarang saya akan mengembalikan ini dan saya akan pergi dengan pendekatan di mana semua informasi ada di dalam 49 00:03:56,290 --> 00:04:04,030 item tujuan dan kami menghubungkan fungsi kami dengan ID dari dalam item tujuan. Sekarang dengan itu, kita harus memiliki pengaturan di mana 50 00:04:04,030 --> 00:04:06,880 kita semua dapat menghapus tujuan kita. 51 00:04:06,910 --> 00:04:13,780 Jadi mari kita tunggu ini untuk memuat ulang dan mari kita coba mungkin di sini di iOS, kami ingin belajar React Native dan sekarang saya 52 00:04:13,840 --> 00:04:17,830 ingin menggunakan nama yang berbeda, sehingga kami dapat melihat apakah kami menghapus yang benar. 53 00:04:17,830 --> 00:04:26,520 Kami ingin mempelajari semuanya, kami ingin mungkin juga menjadi sangat baik di React Native dan apa pun itu dan sekarang saya benar-benar akan mengklik 54 00:04:26,980 --> 00:04:33,790 belajar semuanya untuk menghapus itu dan itu sepertinya berhasil. Di sini, Pelajari Bereaksi Asli 55 00:04:34,060 --> 00:04:35,710 dan 56 00:04:35,710 --> 00:04:40,720 sekarang yang terakhir. Saya akan menghapusnya dan juga tanpa kesalahan 57 00:04:40,750 --> 00:04:47,440 di sini, jadi ini tampaknya berfungsi dengan baik dan dengan itu, kami menghapus item dengan bantuan opacity terjamah, terjamah 58 00:04:47,440 --> 00:04:54,700 dalam hal ini yang membantu Anda mendaftarkan acara, seperti onPress, pada komponen apa pun atau pada komponen apa pun yang Anda butuhkan.