1 00:00:02,200 --> 00:00:08,410 Jadi mengenai jarak, pada komponen pemilih gambar, saya hanya akan menambahkan sedikit margin bawah di sini dari 15 2 00:00:08,410 --> 00:00:15,160 untuk menambahkan jarak antara komponen pemilih gambar ini dan segala sesuatu dalam bentuk tetapi yang lebih penting tentu saja adalah 3 00:00:15,160 --> 00:00:21,520 bahwa kita jenis meneruskan gambar yang dipilih ini ke tempat kami, layar tempat baru kami tepat karena di situlah 4 00:00:21,520 --> 00:00:25,870 kita membutuhkan gambar pada akhirnya, saya tidak hanya membutuhkannya di sini sebagai pratinjau, 5 00:00:25,870 --> 00:00:28,370 saya juga membutuhkannya di layar lain. 6 00:00:28,600 --> 00:00:33,910 Nah untuk itu, kita bisa pergi ke pengambil gambar kita dan ketika kita mengatur ini 7 00:00:34,000 --> 00:00:41,590 sebagai pratinjau, tentu saja kita juga dapat menjangkau alat peraga kita dan menganggap bahwa kita mendapatkan katakanlah pada prop yang diambil 8 00:00:41,620 --> 00:00:48,760 gambar yang harus menunjuk pada fungsi yang kita tentukan di layar tempat baru yang sekarang dapat kita jalankan dan untuk 9 00:00:48,780 --> 00:00:54,700 fungsi itu, saya meneruskan imageUri saya juga. Jadi saya tidak hanya menyimpannya di sini secara 10 00:00:54,700 --> 00:01:01,730 internal untuk memiliki pratinjau, saya juga meneruskannya ke komponen induk sehingga untuk mengatakan dan itu harus pada gambar yang diambil. 11 00:01:01,920 --> 00:01:08,250 Jadi yang perlu kita lakukan agar ini berfungsi adalah kita harus pergi ke layar tempat baru dan menambahkan ini pada 12 00:01:08,250 --> 00:01:10,350 gambar yang diambil di sini di pemilih 13 00:01:10,410 --> 00:01:14,510 gambar dan sekarang ini harus menunjuk pada fungsi yang dijalankan oleh pemilih gambar 14 00:01:14,550 --> 00:01:16,410 setelah kita melakukannya pilih gambar. 15 00:01:16,680 --> 00:01:22,950 Jadi tentu saja di sini, saya juga ingin menyimpan nilai itu, jadi saya akan menambahkan keadaan 16 00:01:23,820 --> 00:01:27,300 lain di sini dan itu adalah nilai gambar atau 17 00:01:27,390 --> 00:01:38,540 hanya gambar dan mengatur gambar, mungkin gambar yang dipilih dan menetapkan nama gambar yang dipilih terserah Anda, yang awalnya adalah null atau tidak terdefinisi seperti ini dan sekarang kita 18 00:01:38,540 --> 00:01:40,280 dapat menambahkan fungsi 19 00:01:40,280 --> 00:01:42,470 baru untuk ini, penangan gambar yang 20 00:01:42,470 --> 00:01:50,240 diambil di sini yang menerima jalur gambar pada akhirnya, benar, itulah yang kita maju dari pemilih gambar ketika kita memanggil fungsi 21 00:01:50,240 --> 00:01:53,990 ini dan di sini kita kemudian mengatur gambar yang dipilih 22 00:01:54,230 --> 00:02:01,370 ke jalur gambar kita dapatkan sebagai argumen dan penangan gambar yang diambil sekarang apa yang kita sampaikan ke pemilih 23 00:02:01,370 --> 00:02:06,800 gambar di sini dengan bantuan pada gambar yang diambil prop dan ini adalah bagaimana 24 00:02:06,920 --> 00:02:14,140 kita berkomunikasi antara pemilih gambar dan layar tempat baru. Ketika sekarang kita klik tombol simpan dan 25 00:02:14,140 --> 00:02:20,850 oleh karena itu penangan tempat simpan dijalankan, ketika kita mengirim tindakan menambahkan tempat 26 00:02:20,860 --> 00:02:24,010 ini, saya sekarang ingin meneruskan gambar 27 00:02:24,100 --> 00:02:32,380 yang dipilih, jadi keadaan ini konstan di sini. Tentu saja untuk itu, kita perlu sedikit men-tweak add place 28 00:02:32,380 --> 00:02:38,740 action creator, sekarang ini hanya mengharapkan judul, sekarang seharusnya juga mengharapkan gambar dan juga menambahkan 29 00:02:38,740 --> 00:02:40,950 ini di sini ke data 30 00:02:40,990 --> 00:02:47,430 tempat kami dan di peredam, sekarang saya ingin tambahkan gambar ke tempat yang sedang dibuat 31 00:02:47,440 --> 00:02:48,370 tetapi 32 00:02:48,520 --> 00:02:50,150 penting, saat ini model 33 00:02:50,170 --> 00:02:57,220 tempat kami tidak mengharapkan gambar, jadi sekarang saatnya untuk mengubahnya juga, tambahkan gambarUrl mungkin, imageUri lebih tepat 34 00:02:57,250 --> 00:03:06,490 karena lokal dan kemudian miliki gambar ini URI set sama dengan imageUri yang kita dapatkan di sini dan sekarang dengan penyesuaian ini, 35 00:03:06,490 --> 00:03:15,640 kembali ke peredam tempat, kita sekarang mendapatkan data gambar ekstra ini dalam tindakan kita dan kita perlu meneruskan ini ke konstruktor tempat 36 00:03:15,640 --> 00:03:21,670 baru, jadi inilah tindakan. placeData. gambar adalah apa yang ingin saya teruskan, jadi 37 00:03:21,670 --> 00:03:28,750 itulah argumen baru yang ditambahkan ke konstruktor dan tindakan tempat. placeData. gambar tentu saja mengacu pada 38 00:03:28,750 --> 00:03:35,840 gambar yang kita atur di sini di objek aksi kita. Jadi dengan itu, gambar sebenarnya ditambahkan ke tempat yang dibuat dan 39 00:03:35,840 --> 00:03:37,160 dengan itu di 40 00:03:37,280 --> 00:03:42,920 layar daftar tempat tempat kami menampilkan item tempat, sekarang kami dapat mengumpankan beberapa data ke dalam gambar 41 00:03:42,920 --> 00:03:50,360 dan itu akan menjadi data data. barang. imageUrl, URL gambar karena itemData. item mengacu pada satu 42 00:03:50,420 --> 00:03:56,750 tempat yang dibuat sebagaimana didefinisikan dalam model tempat kami dan di sana kami memiliki imageUri dan oleh 43 00:03:56,780 --> 00:04:03,090 karena itu tentu saja di sini seharusnya imageUri, bukan URL tapi itu yang penting, itu bukan hanya 44 00:04:03,220 --> 00:04:05,200 gambar, itu imageUri karena di 45 00:04:05,230 --> 00:04:12,740 sini kita merujuk ke objek tempat mengikuti model tempat kami. Jika sekarang kita menyimpannya dan melihatnya, ini seharusnya bekerja 46 00:04:12,740 --> 00:04:13,410 dan 47 00:04:13,580 --> 00:04:19,250 memungkinkan kita untuk menambahkan gambar yang juga kita lihat di daftar tempat kita. 48 00:04:19,340 --> 00:04:30,680 Jadi di sini jika saya klik ambil gambar dan saya ambil gambar boneka ini di sini, seperti ini, potong ini dan kemudian tambahkan judul di sini 49 00:04:30,980 --> 00:04:34,700 dan klik simpan tempat, ini tidak terlihat terlalu buruk, 50 00:04:34,880 --> 00:04:37,710 kami melihat gambar kami di sini. 51 00:04:38,120 --> 00:04:40,770 Sekarang satu hal penting untuk dipahami. 52 00:04:40,880 --> 00:04:47,240 Sejauh ini, kami hanya menyimpan gambar ini di jalur default yang kami dapatkan dari kotak yang merupakan jalur sementara ini dan itu 53 00:04:47,240 --> 00:04:52,160 tentu saja bukan tempat kami ingin menyimpannya karena seperti yang saya sebutkan, ini akan dihapus secara berkala 54 00:04:52,160 --> 00:04:57,050 dan karena itu akhirnya kami akan kehilangan citra kami yang tentu saja bukan tujuan di sini.