Pemilih dan Hook useSelector dalam Redux
Dalam pelajaran lepas, kami telah menyimpan data produk dalam store. Bagaimana kami boleh mendapatkannya dari store?
Untuk melakukan ini, kita perlu menulis fungsi pemilih. Fungsi ini tahu bagaimana untuk mengekstrak bahagian maklumat tertentu dari nilai keadaan yang disimpan dalam store dan membantu mengelakkan penulisan kod yang berulang apabila aplikasi berkembang. Fungsi ini menerima state sebagai input, dan mengeluarkan kepingan keadaan yang diperlukan. Sebagai contoh:
const selectValue = state => state.some.value
Pada permulaan buku teks, disebutkan bahawa store mempunyai kaedah getState. Dan kita boleh menggunakannya dengan mudah untuk mendapatkan nilai keadaan:
const value = selectValue(store.getState())
Masalahnya ialah komponen React kami tidak boleh mengakses store secara langsung, kerana dilarang mengimpornya ke dalam fail komponen. Tetapi kami mempunyai peluang untuk mendapatkan data dalam komponen menggunakan hook React-Redux useSelector. Selain itu, dengan hook ini, komponen kami akan sentiasa menerima data yang terkini:
const count = useSelector(selectValue)
