Jadi bagaimana kita sekarang dapat mengatur pilihan kita di sini dengan cara yang lebih baik dan solusi yang luas seperti yang kita
alami di sini.
Sebelumnya kami perlu menyalahgunakan orang tua untuk mendapatkan data dari komponen kami.
Sehingga mengubah komponen kami menjadi opsi navigasi D dengan mengaktifkan kembali lima yang tidak lagi diperlukan dalam skenario
ini di sini kami harus mengirimkan fungsi dan kami ingin meneruskan fungsi kirim yang berbeda ke
opsi kami di sini.
Sekarang kami melakukan ini dengan menetapkan orang tua di sini dan menyetel param kirimkan
ke handler kirim kami di submit handler adalah tahun fungsi ini yang akan diperbarui setiap kali status formulir kami berubah misalnya.
Nah sekarang kita tidak perlu melakukan ini kita sudah menetapkan orang tua lagi.
Alih-alih yang dapat kita lakukan sekarang adalah kita dapat menggunakan fungsi baru yang disebut set options pada prop navigasi yang tidak
berubah tetapi fungsi set options ini di sini adalah baru dan ini memungkinkan kita untuk mengatur
opsi baru secara dinamis dari dalam komponen.
Jadi apa yang bisa kita lakukan di sini.
Kita memberi makan objek ke dalam opsi yang disetel dan sekarang di sini kita dapat menyesuaikan opsi secara dinamis.
Jadi dalam hal ini saya tidak bisa menghilangkan baris ini di sini di mana kita mengekstrak fungsi kirim opsi layar kita dan
bukannya pergi ke tempat di mana kita menggunakannya yang merupakan opsi header kanan.
Dan sekarang kita dapat membungkus konfigurasi header di sini dari opsi layar dan masuk ke komponen di sini di mana
saya mengatur opsi dan mengaturnya di sana.
Jadi sekarang saya mengatur opsi header kanan saya di sini dari dalam komponen dan yang keren di
sini saya sekarang bisa merujuk ke yang menyerahkan fungsi pengendali.
Dan karena ini sedang digunakan setiap kali pawang berubah, kami akan mengatur ulang opsi itu.
Jadi jika kita
sekarang menyelamatkan ayah dan kita memuat ulang aplikasi kita dan kita pergi ke area admin dan saya klik tambahkan di sini Anda melihat
ini berfungsi tanpa kesalahan.
Dan jika saya mencoba menambahkan buku saya di sini lagi di mana buku uji harga ini yang Anda lihat
sekarang berfungsi, saya mendapatkan kesalahan utama di sini yang harus kita perhatikan.
Tetapi umumnya ini berfungsi dan itu bekerja tanpa kesalahan.
Sekarang yang tidak berfungsi di sini adalah halaman semua produk saya, sebentar saya melihat produk saya di sini.
Tapi kemudian saya mendapatkan kesalahan lagi.
Jadi kita tidak bisa melihat ini tetapi selain itu sekarang berfungsi dan menggunakan orang tua sekarang berfungsi dan kita sekarang tidak harus
menggunakan orang tua untuk hal-hal yang tidak benar-benar ada hubungannya dengan orang tua.
Baik.
Orang tua seharusnya hanya untuk mengangkut data dari layar A ke B saat menavigasi dan bukan dari dalam layar
dengan opsi yang ditetapkan.
Kami sekarang dapat memperbarui opsi kami secara dinamis tanpa menyalahgunakan orang tua.