1 00:00:02,260 --> 00:00:10,210 Jadi bagaimana kita sekarang dapat mengatur pilihan kita di sini dengan cara yang lebih baik dan solusi yang luas seperti yang kita 2 00:00:10,210 --> 00:00:11,710 alami di sini. 3 00:00:11,710 --> 00:00:17,050 Sebelumnya kami perlu menyalahgunakan orang tua untuk mendapatkan data dari komponen kami. 4 00:00:17,050 --> 00:00:23,470 Sehingga mengubah komponen kami menjadi opsi navigasi D dengan mengaktifkan kembali lima yang tidak lagi diperlukan dalam skenario 5 00:00:23,800 --> 00:00:29,380 ini di sini kami harus mengirimkan fungsi dan kami ingin meneruskan fungsi kirim yang berbeda ke 6 00:00:29,380 --> 00:00:31,050 opsi kami di sini. 7 00:00:31,120 --> 00:00:36,460 Sekarang kami melakukan ini dengan menetapkan orang tua di sini dan menyetel param kirimkan 8 00:00:36,460 --> 00:00:43,650 ke handler kirim kami di submit handler adalah tahun fungsi ini yang akan diperbarui setiap kali status formulir kami berubah misalnya. 9 00:00:43,690 --> 00:00:46,810 Nah sekarang kita tidak perlu melakukan ini kita sudah menetapkan orang tua lagi. 10 00:00:46,810 --> 00:00:55,440 Alih-alih yang dapat kita lakukan sekarang adalah kita dapat menggunakan fungsi baru yang disebut set options pada prop navigasi yang tidak 11 00:00:55,470 --> 00:01:02,160 berubah tetapi fungsi set options ini di sini adalah baru dan ini memungkinkan kita untuk mengatur 12 00:01:02,280 --> 00:01:05,460 opsi baru secara dinamis dari dalam komponen. 13 00:01:05,610 --> 00:01:07,150 Jadi apa yang bisa kita lakukan di sini. 14 00:01:07,200 --> 00:01:12,890 Kita memberi makan objek ke dalam opsi yang disetel dan sekarang di sini kita dapat menyesuaikan opsi secara dinamis. 15 00:01:12,900 --> 00:01:19,380 Jadi dalam hal ini saya tidak bisa menghilangkan baris ini di sini di mana kita mengekstrak fungsi kirim opsi layar kita dan 16 00:01:19,950 --> 00:01:24,130 bukannya pergi ke tempat di mana kita menggunakannya yang merupakan opsi header kanan. 17 00:01:24,450 --> 00:01:33,030 Dan sekarang kita dapat membungkus konfigurasi header di sini dari opsi layar dan masuk ke komponen di sini di mana 18 00:01:35,080 --> 00:01:38,500 saya mengatur opsi dan mengaturnya di sana. 19 00:01:38,500 --> 00:01:43,990 Jadi sekarang saya mengatur opsi header kanan saya di sini dari dalam komponen dan yang keren di 20 00:01:43,990 --> 00:01:47,710 sini saya sekarang bisa merujuk ke yang menyerahkan fungsi pengendali. 21 00:01:47,800 --> 00:01:53,240 Dan karena ini sedang digunakan setiap kali pawang berubah, kami akan mengatur ulang opsi itu. 22 00:01:53,290 --> 00:01:54,640 Jadi jika kita 23 00:01:57,930 --> 00:02:06,790 sekarang menyelamatkan ayah dan kita memuat ulang aplikasi kita dan kita pergi ke area admin dan saya klik tambahkan di sini Anda melihat 24 00:02:06,790 --> 00:02:08,470 ini berfungsi tanpa kesalahan. 25 00:02:08,470 --> 00:02:14,840 Dan jika saya mencoba menambahkan buku saya di sini lagi di mana buku uji harga ini yang Anda lihat 26 00:02:19,940 --> 00:02:24,400 sekarang berfungsi, saya mendapatkan kesalahan utama di sini yang harus kita perhatikan. 27 00:02:24,470 --> 00:02:28,100 Tetapi umumnya ini berfungsi dan itu bekerja tanpa kesalahan. 28 00:02:28,100 --> 00:02:33,740 Sekarang yang tidak berfungsi di sini adalah halaman semua produk saya, sebentar saya melihat produk saya di sini. 29 00:02:33,740 --> 00:02:35,090 Tapi kemudian saya mendapatkan kesalahan lagi. 30 00:02:35,090 --> 00:02:42,290 Jadi kita tidak bisa melihat ini tetapi selain itu sekarang berfungsi dan menggunakan orang tua sekarang berfungsi dan kita sekarang tidak harus 31 00:02:42,290 --> 00:02:46,900 menggunakan orang tua untuk hal-hal yang tidak benar-benar ada hubungannya dengan orang tua. 32 00:02:46,910 --> 00:02:47,150 Baik. 33 00:02:47,150 --> 00:02:53,870 Orang tua seharusnya hanya untuk mengangkut data dari layar A ke B saat menavigasi dan bukan dari dalam layar 34 00:02:53,870 --> 00:02:55,700 dengan opsi yang ditetapkan. 35 00:02:55,730 --> 00:03:00,290 Kami sekarang dapat memperbarui opsi kami secara dinamis tanpa menyalahgunakan orang tua.