Sekarang tergantung pada versi React redux yang Anda gunakan jika Anda menggunakan versi 7 atau lebih tinggi.
Anda juga dapat menggunakan alternatif metode atau fungsi Connect yang selalu kami gunakan untuk menghubungkan komponen
kami ke redux.
Jadi sekarang saya selalu menghubungkan fungsi urutan yang lebih tinggi.
Ngomong-ngomong, tidak ada yang salah dengan menggunakannya.
Anda benar-benar dapat menggunakannya dengan komponen fungsional juga tetapi Anda juga bisa beralih dari ini dan ada kait tertentu yang sekarang ditawarkan
oleh itu bereaksi redux sehingga dalam burger broiler J. S. jatuh dari reaksi redux Anda
juga dapat mengimpor pengiriman bekas dan menggunakan pemilih dan ini adalah dua
kait penting untuk memungkinkan Anda mendapatkan data dari toko redux Anda dan tindakan pengiriman.
Jadi mari kita pergi ke bagian bawah burger Boulder J. S. kontainer sekarang dan di sana Anda melihat
Mac menjadi lima tindakan untuk mengirim sesuatu sekarang dengan Anda sebagai tambalan ini.
Kita cukup ambil kode itu di sini.
Salin dan kemudian pergi ke suatu tempat ke bagian atas komponen ini.
Katakanlah di sini setelah kita menginisialisasi keadaan dan kita dapat memanggil pengiriman gunakan dan apa
ini memberi kita pada akhirnya hanyalah fungsi pengiriman.
Sekarang saya bisa menempel di kode yang baru disalin di mana saya mendefinisikan bahan yang ditambahkan dan sebagainya.
Dan mendefinisikan pada bahan yang ditambahkan sebagai konstanta yang pada akhirnya memiliki fungsi di mana saya mendapatkan nama bahan dan kemudian
saya memanggil tambalan ini sekarang merujuk ke fungsi pengiriman yang menggunakan tambalan ini memberi kita
yang tentu saja adalah fungsi yang mengirim tindakan untuk toko redux dan kita bisa melakukan hal yang sama
untuk semua fungsi yang kita miliki di sini.
Jadi keempatnya pada marah dan dihapus mengubah kita menjadi sebuah konstanta yang pada akhirnya memiliki
fungsi anonim.
Sama di sini untuk bahan init dan pastikan Anda menyingkirkan koma ini di akhir baris dan gunakan
titik koma sebagai gantinya.
Dan kemudian sama di sini untuk di dalamnya per Chase.
Ini adalah konstanta sekarang yang menyimpan fungsi dan keempatnya di set off jalur redirect.
Ini adalah fungsi atau konstanta yang memegang fungsi.
Sekarang kita tentu saja tidak lagi harus mengekstrak bahan init dari alat peraga karena sekarang ini bukan lagi
bagian dari alat peraga karena kita akan segera tidak lagi menggunakan penghubung untuk menambahkan ini ke penyangga sehingga kita dapat menghapus di sini kita
memilikinya sebagai fungsi di sini.
Sekarang dan kemudian semua tempat lain di mana saya meminta alat peraga dengan rakus pada bahan yang ditambahkan berakhir di semua
tempat ini sekarang kita bisa menyingkirkan alat peraga.
Jadi ya alat peraga pada bahan yang ditambahkan. Sekarang hanya pada bahan yang ditambahkan alat
peraga pada bahan yang dihilangkan hanya pada bahan yang dihilangkan karena kita mendefinisikan fungsi-fungsi
ini sekarang semuanya ada di sana dengan bantuan fungsi pengiriman ini. dari bereaksi
redux jadi semua tentu saja untuk di dalamnya per pengejaran di mana saya menggunakannya di sana.
Mari kita hapus hal-hal alat peraga dan juga bertahan pada pengalihan jalur pengalihan.
Mari kita hapus alat peraga sehingga Anda memastikan bahwa Anda selalu hanya memanggil fungsi-fungsi
ini sekarang tanpa alat peraga di depan itu yang sangat penting ya.
Kelihatan bagus.
Sekarang sama untuk memilih nilai peta keadaan untuk alat peraga di sini mengembalikan sebuah objek di mana
kita mendapatkan harga bahan Arends pada kita dapat menggunakan fungsi pemilih menggunakan untuk menggunakan kait pemilih di sini lagi dengan pergi
ke atas burger Boulder katakanlah di sini dan memanggil use selector dan use selector sekarang mengambil fungsi sebagai argumen yang akan memberi
Anda keadaan saat ini karena fungsi ini akan dieksekusi oleh react redux dan itu
akan memberi Anda snapshot keadaan saat ini dan kemudian Anda mengembalikan nilai di sini sehingga Anda berada dalam fungsi tubuh Anda mengembalikan
nilai nilai yang Anda kembalikan di sini pada akhirnya akan menjadi hasil dari penggunaan pilih recall Anda jadi di
sini dalam komponen ini kita bisa mengatakan kami tertarik pada beberapa negara burger broiler dan kemudian juga pada keadaan off kami di ini salin semua
yang diautentikasi semua itu sehingga mereka memilikinya untuk referensi dan menambahkannya di sini hanya
agar saya bisa melihatnya
sementara kami mengerjakan ini Anda pilih ingat sekarang mari kita lihat bagaimana kita dapat mengekstrak kita
dengan cara yang elegan misalnya kita bisa mengelola untuk nilai-nilai yang berbeda di sini kita bisa melihat
Angie bahan kita dengan memanggil pemilih penggunaan dan di sana kita mendapatkan negara kita dan
sekarang di sini kita ingin kembali pembangun DOT Burger negara jadi pada dasarnya apa yang saya lakukan di sana dot bahan.
Jadi pada dasarnya apa yang saya gali di sini bedanya sekarang
keadilan saya akan melakukan ini empat kali sehingga saya hanya memiliki empat konstanta berbeda di mana saya mengatur keadaan itu
sehingga semua tunduk pada pemanggilan harga menggunakan pemilih di sana kita akan mendapatkan status dan saya ingin kembali negara Berger
pembangun dot total harga jadi pada dasarnya apa pun yang dikembalikan atau mengekstraknya di sana kemudian juga kesalahan
di sini di mana saya sebut pemilih penggunaan mendapatkan status saya dan kami mengembalikan negara Berger atau kesalahan bowler dan untuk adalah otentikasi itu disahkan saya akan gunakan gunakan pemilih negara dan kembalikan
diri saya menyatakan dot off token titik tepatnya saya kembali atau garam apakah itu kecil atau
tidak dengan itu saya bisa menyingkirkan ini di sini dan sekarang Anda mungkin bertanya-tanya mengapa kita melakukan ini.
Yah sekarang lebih dekat ke logika.
Kita juga bisa menggunakan dengan bantuan U. S. menyatakan di mana kami juga mengelola berbagai
negara dan keprihatinan yang berbeda, alih-alih memiliki satu objek besar di mana semua negara bagian kami melakukan hal yang sama di
sini atau mengekstraksi keempat informasi yang kami butuhkan dalam komponen ini dari kondisi redux kami dengan pemilih penggunaan.
Dan tentu saja kita bisa juga bekerja dengan satu konstanta dan mengekstrak hanya pembangun Berger
di sini yang merupakan objek dengan banyak status di sana, tetapi mengelola ini karena
untuk masing-masing negara agak lebih bersih menurut saya dan mereka menawarkan sekarang di semua tempat di mana kita alat peraga bekas yang disimpan, kami sekarang
hanya menggunakan bel, karena sekarang ini adalah konstanta yang berdiri sendiri, hal ini sangat Anda lakukan, meskipun di sini di mana kami telah menyimpan
gambar yang tepat hanya saya kira karena ini adalah konstanta kami baru saja membuat dinding di sini sehingga Anda dapat cukup cari seluruh
file untuk semua kemunculan alat peraga pemikiran dan hapus benda peraga di sini yang saya lihat
kita semua bisa menyingkirkan harga saham prop karena kita semua mengurangi
harga sebagai konstanta mandiri sekarang.
Yang sama adalah yang diautentikasi jadi saya akan segera memperbaikinya dan itu terlihat bagus sekarang untuk harga biar cepat mencari ini jika kita
memiliki harga saham prop di mana saja nggak terlihat bagus
sekarang untuk kesalahan di sana kita punya kesalahan yang prop jadi saya ingin untuk menghilangkan
itu dan sekarang ini terlihat baik-baik saja dan 4 adalah otentikasi di sini kita memiliki alat peraga dikonfirmasi mari kita menyingkirkan
bahwa itu tidak selalu terlihat baik dengan semua itu kita bisa menyingkirkan dua konstanta ini di keadaan peta bawah dua alat
peraga dan petakan tambalan ini untuk alat peraga dan singkirkan seluruh fungsi koneksi di sini dan sekali
lagi ini adalah opsional Anda benar-benar dapat terus menggunakan menghubungkan menggunakan kait baru ini adalah opsional
Saya hanya ingin Anda menunjukkannya kepada Anda sehingga Anda tahu bahwa ini adalah
alternatif dan sekarang kita akan memiliki masalah meskipun jika kita sekarang aman dan kita pergi ke tab Jaringan di halaman
kita Anda akan melihat bahwa permintaan kami sedang naik kami mengirim permintaan setelah permintaan sekarang untuk menghentikan
itu terjadi mari kita komentar cepat di dalam ert Bahan keselamatan sehingga membangun kembali dan mari
sekarang mencari tahu mengapa disinfektan dipecat sepanjang waktu dipecat sepanjang waktu karena baik itu menyala setiap kali di dalamnya bahan berubah.
Ini sekarang adalah konstanta yang kita buat di sini yang menyimpan fungsi dan lagi-lagi fungsi hanyalah
objek dalam javascript.
Sekarang konstanta ini akan dibuat ulang setiap kali seluruh komponen yang dicetak tebal Burger ini dieksekusi kembali setiap
kali fungsi komponen fungsional dijalankan kembali dengan benar.
Jadi untuk setiap rendering burger builder yang kami buat di dalamnya bahan-bahan kami benar-benar menciptakan kembali
semua fungsi ini sekarang yang berarti mati di dalamnya bahan akan berubah setiap kali komponen ini dibangun kembali
dan oleh karena itu efek ini akan secara efektif berjalan setiap kali komponen
ini rekondisi tentu saja bukan yang saya inginkan sekarang kita mengandalkan tambalan ini di sini meskipun yang
kita dapatkan dari menggunakan tambalan ini yang kita karena aturan kait hanya dapat memanggil bagian dalam komponen
ini kita tidak bisa melakukan outsourcing fungsi ini lakukan di dalamnya bahan berfungsi menjadi tempat di luar komponen
ini, tetapi sebagai gantinya kita dapat menggunakan kait lain yang diperkenalkan oleh panggilan balik penggunaan panggilan balik yang akan Anda pelajari tentang
hal ini dalam modul kait reaksi yang dapat dililitkan di sekitar fungsi menjadi putih sehingga dapat dibuat ulang semuanya. waktu.
Jadi di sini kita cukup meletakkan fungsi ini di mana kita mengirim bahan ke dalamnya menggunakan callback dan sekarang menggunakan callback
mengambil argumen kedua argumen pertama adalah fungsi membungkus argumen kedua adalah daftar
dependensi dari fungsi ini yang memberitahu bereaksi ketika harus benar-benar membangun kembali ini fungsi.
Dan di sini kita tidak memiliki ketergantungan eksternal nyata karena pengiriman sudah dikonfigurasi untuk
tidak membangun kembali pada setiap rekreasi fungsi itu.
Jadi kita tidak perlu menambahkannya.
Kita dapat menambahkannya tetapi itu harus dikelola dengan bereaksi redux sedemikian sehingga tidak tidak selalu
dibuat ulang.
Jadi sekarang dengan mati kami memastikan bahwa pada init bahan benar-benar akan men-cache nilai.
Fungsi ini di sini dan tidak membuat ulang objek fungsional ini untuk setiap rekreasi atau setiap
rendering komponen ini.
Jadi jika kita melakukan itu dan kita komentari ini kembali dan kita menyimpan ini sekarang kita benar-benar melihat kita tidak
lagi memiliki jumlah permintaan yang tak terbatas karena penggunaan callback Q dan sekali lagi pastikan Anda melalui modul
hook yang bereaksi modul modul sebelum yang ini karena di sana saya juga menjelaskan panggilan balik ini secara lebih mendalam
dan juga bagaimana kita dapat menggunakannya untuk mengoptimalkan kinerja atau siklus render putih yang tidak perlu.
Di sini sangat penting untuk loop yang luas dan tidak terbatas dan dengan yang kita gunakan gunakan pemilih dan
gunakan pengiriman alih-alih untuk menghubungkan komponen urutan yang lebih tinggi menggunakannya adalah opsional.
Anda tidak harus menggunakannya dan saya tidak akan mengganti koneksi di semua tempat di aplikasi ini dengan menggunakan pengiriman dan
gunakan pemilih tetapi tentu saja saya ingin menunjukkannya kepada Anda sehingga Anda mengetahui opsi ini jika Anda ingin gunakan
kait di mana-mana dan Anda tidak ingin menggunakan untuk menghubungkan komponen tingkat tinggi lagi.