Jadi mengenai jarak, pada komponen pemilih gambar, saya hanya akan menambahkan sedikit margin bawah di sini dari 15
untuk menambahkan jarak antara komponen pemilih gambar ini dan segala sesuatu dalam bentuk tetapi yang lebih penting tentu saja adalah
bahwa kita jenis meneruskan gambar yang dipilih ini ke tempat kami, layar tempat baru kami tepat karena di situlah
kita membutuhkan gambar pada akhirnya, saya tidak hanya membutuhkannya di sini sebagai pratinjau,
saya juga membutuhkannya di layar lain.
Nah untuk itu, kita bisa pergi ke pengambil gambar kita dan ketika kita mengatur ini
sebagai pratinjau, tentu saja kita juga dapat menjangkau alat peraga kita dan menganggap bahwa kita mendapatkan katakanlah pada prop yang diambil
gambar yang harus menunjuk pada fungsi yang kita tentukan di layar tempat baru yang sekarang dapat kita jalankan dan untuk
fungsi itu, saya meneruskan imageUri saya juga. Jadi saya tidak hanya menyimpannya di sini secara
internal untuk memiliki pratinjau, saya juga meneruskannya ke komponen induk sehingga untuk mengatakan dan itu harus pada gambar yang diambil.
Jadi yang perlu kita lakukan agar ini berfungsi adalah kita harus pergi ke layar tempat baru dan menambahkan ini pada
gambar yang diambil di sini di pemilih
gambar dan sekarang ini harus menunjuk pada fungsi yang dijalankan oleh pemilih gambar
setelah kita melakukannya pilih gambar.
Jadi tentu saja di sini, saya juga ingin menyimpan nilai itu, jadi saya akan menambahkan keadaan
lain di sini dan itu adalah nilai gambar atau
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
dapat menambahkan fungsi
baru untuk ini, penangan gambar yang
diambil di sini yang menerima jalur gambar pada akhirnya, benar, itulah yang kita maju dari pemilih gambar ketika kita memanggil fungsi
ini dan di sini kita kemudian mengatur gambar yang dipilih
ke jalur gambar kita dapatkan sebagai argumen dan penangan gambar yang diambil sekarang apa yang kita sampaikan ke pemilih
gambar di sini dengan bantuan pada gambar yang diambil prop dan ini adalah bagaimana
kita berkomunikasi antara pemilih gambar dan layar tempat baru. Ketika sekarang kita klik tombol simpan dan
oleh karena itu penangan tempat simpan dijalankan, ketika kita mengirim tindakan menambahkan tempat
ini, saya sekarang ingin meneruskan gambar
yang dipilih, jadi keadaan ini konstan di sini. Tentu saja untuk itu, kita perlu sedikit men-tweak add place
action creator, sekarang ini hanya mengharapkan judul, sekarang seharusnya juga mengharapkan gambar dan juga menambahkan
ini di sini ke data
tempat kami dan di peredam, sekarang saya ingin tambahkan gambar ke tempat yang sedang dibuat
tetapi
penting, saat ini model
tempat kami tidak mengharapkan gambar, jadi sekarang saatnya untuk mengubahnya juga, tambahkan gambarUrl mungkin, imageUri lebih tepat
karena lokal dan kemudian miliki gambar ini URI set sama dengan imageUri yang kita dapatkan di sini dan sekarang dengan penyesuaian ini,
kembali ke peredam tempat, kita sekarang mendapatkan data gambar ekstra ini dalam tindakan kita dan kita perlu meneruskan ini ke konstruktor tempat
baru, jadi inilah tindakan. placeData. gambar adalah apa yang ingin saya teruskan, jadi
itulah argumen baru yang ditambahkan ke konstruktor dan tindakan tempat. placeData. gambar tentu saja mengacu pada
gambar yang kita atur di sini di objek aksi kita. Jadi dengan itu, gambar sebenarnya ditambahkan ke tempat yang dibuat dan
dengan itu di
layar daftar tempat tempat kami menampilkan item tempat, sekarang kami dapat mengumpankan beberapa data ke dalam gambar
dan itu akan menjadi data data. barang. imageUrl, URL gambar karena itemData. item mengacu pada satu
tempat yang dibuat sebagaimana didefinisikan dalam model tempat kami dan di sana kami memiliki imageUri dan oleh
karena itu tentu saja di sini seharusnya imageUri, bukan URL tapi itu yang penting, itu bukan hanya
gambar, itu imageUri karena di
sini kita merujuk ke objek tempat mengikuti model tempat kami. Jika sekarang kita menyimpannya dan melihatnya, ini seharusnya bekerja
dan
memungkinkan kita untuk menambahkan gambar yang juga kita lihat di daftar tempat kita.
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
dan klik simpan tempat, ini tidak terlihat terlalu buruk,
kami melihat gambar kami di sini.
Sekarang satu hal penting untuk dipahami.
Sejauh ini, kami hanya menyimpan gambar ini di jalur default yang kami dapatkan dari kotak yang merupakan jalur sementara ini dan itu
tentu saja bukan tempat kami ingin menyimpannya karena seperti yang saya sebutkan, ini akan dihapus secara berkala
dan karena itu akhirnya kami akan kehilangan citra kami yang tentu saja bukan tujuan di sini.