Di mana Anda berhasil? Mari kita selesaikan bersama.
Dan untuk itu mari kita pertama-tama berhenti dan mulai dan menginstal dua paket yang kita butuhkan apakah
itu dash dasbor save dan kemudian itu membaca X dan bertindak kembali redux.
Ini adalah dua paket yang perlu kita tekan enter untuk mengunduh dan menambahkannya ke folder modul simpul Anda.
Dan setelah ini selesai, Anda dapat memulai kembali mulai NPM.
Sekarang tentu saja kami ingin menggunakan paket-paket ini dan untuk itu pertama-tama buat folder baru
di folder sumber saya folder toko dan kemudian di sana saya akan membuat peredam baru saya Doug sebagai jatuh.
Saya tidak benar-benar perlu membagi ini menjadi beberapa produsen di sini karena kami hanya memiliki satu penambahan
fitur orang.
Jadi ada beberapa area berbeda di aplikasi ini yang akan kami gunakan dengan beberapa reduksi lagi.
Setelah Anda mengerjakan proyek kursus lagi.
Jadi ini adalah satu-satunya produsen yang kita tambahkan sekarang di sini bagaimana kita mengatur ini di musim gugur peredam.
Saya ingin membuat status awal apakah ini keadaan yang kita mulai dengan aplikasi ini.
Ini adalah objek javascript di mana kita memiliki array orang yang kosong sama seperti keadaan awal
dalam wadah seseorang di sini.
Kemudian kami memiliki fungsi produser kami dan saya akan menggunakan sintaks fungsi ESX.
Anda tentu saja dapat juga menggunakan untuk menghapus lima sintaks.
Anda semua disebut sebagai produser dan kami mendapatkan dua hal.
Kami mendapatkan status dan kami mendapatkan tindakan yang dikirim dan status awalnya
diatur ke status awal.
Sekarang di dalam Daedra untuk digunakan untuk fungsi, sekarang tambahkan pernyataan switch di mana saya mengganti properti tipe pada
tindakan saya.
Saya menerima dan ingat mengetik bukan opsional Anda dapat mengubah nama jenis ini diharapkan oleh paket redux.
Dan kemudian saya ingin melakukan berbagai hal untuk menambah dan menghapus pengguna sebelum saya memilikinya.
Saya akan mengekspor peredam saya di sini.
Ekspor ini sebagai default file ini.
Sekarang untuk tindakan semua buat ikuti tindakan dodgiest.
Ini opsional.
Anda juga bisa bekerja dengan string hardcoded.
Saya melakukan kebakaran tetapi untuk mengurangi risiko salah ketik semua ekspor UCD di Konstans dan tindakan jatuh.
Saya akan punya satu untuk menambahkan seseorang dan Anda dapat memberi nama ini apa pun yang Anda inginkan.
Saya akan memberikannya pengenal orang ADD dan satu untuk menghapus orang karenanya juga mendapatkan pengidentifikasi
orang tersebut.
Itu semua dalam tindakan saya.
J. S. jatuh.
Saya sekarang dapat mengimpor ini di peredam saya Jadi di sana atau mengimpor segala sesuatu dari tindakan jatuh sebagai jenis tindakan dari tindakan
slash dan kemudian saya ingin memeriksa dua kasus berbeda yang akan saya miliki.
Saya akan memiliki kasus bahwa saya memiliki jenis tindakan secara langsung ketika mengembalikan keadaan saya yang diperbarui di sini.
Saya kemudian akan memiliki kasus bahwa kita memiliki jenis tindakan.
Hapus orang dan kembalikan status pembaruan saya ke Anda dan dalam semua kasus saya ingin mengembalikan status lama saya.
Jadi itu pada akhirnya tidak di dalam tetapi di luar pernyataan switch karena itu sekarang dengan ini mengatur
peredam semacam selesai dengan baik.
Kami tidak melakukan apa-apa dengan peristiwa orang yang dihapus iklan kami di sini.
Tetapi ada sesuatu yang akan saya tambahkan segera sebelum saya tambahkan, izinkan saya menambahkan atau menghubungkan reaksi ulang saya kepada Anda untuk menyatakan.
Jadi dalam indeks ya jatuh saya akan mengimpor dua hal saya akan mengimpor sesuatu dari pembaca X dan saya
akan mengimpor sesuatu dari re-act relax.
Apakah Anda tahu apa yang baik dari bersantai itu membuat toko dan dari re-act redux.
Ini hanya komponen penyedia sekarang semua membungkus komponen aplikasi root saya dengan komponen penyedia saya di sini dan kemudian saya
harus membuat cerita saya.
Jadi buat toko konstan baru mungkin atau apa pun yang Anda ingin beri
nama dan jalankan buat cerita dan untuk membuat toko saya harus melewati produser saya jadi impor import saya di sini reducer dari
slash store reducer.
Inilah yang sekarang harus dibuat toko.
Sekarang dengan masa lalu aplikasi kita umumnya terhubung.
Dan kami mendapat toko yang dibuat oleh paket redux.
Sekarang tentu saja kita perlu mengisi produser kita dengan kehidupan.
Kami sudah memiliki logika dalam wadah pribadi kami.
Semua menyingkirkan estate di sana tetapi saya dapat mengambil logika dari orang yang menambahkan penangan dan orang yang
dihapus penangan.
Saya akan memasukkannya ke peredam saya.
Jadi, orang Anda menambahkan saya membuat orang baru.
Dan tidak, saya tidak menelepon negara mengatakan.
Sebaliknya di sini saya mengembalikan salinan negara lama saya di sini.
Secara teoritis itu tidak diperlukan karena kita hanya memiliki properti orang tersebut.
Tetapi bayangkan Anda memiliki lebih banyak properti yang tidak ingin Anda bunuh.
Jadi salin semua properti dan kemudian timpa properti orang tersebut dengan orang negara.
Dan sekarang gabungkan orang baru itu seperti yang kita lakukan sebelumnya secara lokal di komponen wadah.
Dan sekarang saya tidak bisa menghilangkan keadaan sedih ini di sini dan produsernya tentu saja tidak masuk akal di sini.
Sekarang saya hanya perlu orang baru yang saya hubungi orang saya sehingga menciptakan array baru yang menggantikan maaf
orang tua itu.
Sekarang untuk orang yang dihapus saya juga dapat menyalin logika dari sana.
Sebenarnya saya tidak bisa hanya menyalin logika folder di sini kembali ke produser dan kemudian mengembalikan salinan
properti negara lama saya dan orang Zeff sama dengan orang negara dan sekarang ganti folder.
Panggil sekarang di sini saya berharap untuk mendapatkan ide dari orang yang harus dihapus dan saya berharap kita mendapatkan
ini pada tindakan saya
Jadi tindakan per sumpah semua harus memastikan bahwa kami melewati ID ini bersama dengan tindakan ketika kami
mengirimkannya.
Itulah produsen yang sudah selesai dengan itu dalam komponen wadah kita bisa menghapus orang yang ditambahkan
handler dan hadir menghapus handler itu.
Sekarang di sini seseorang menambahkan klik.
Kami sekarang ingin mengirimkan tindakan kami, jadi pertama-tama mari kita impor tindakan jadi impor semuanya sebagai jenis tindakan
atau apa pun yang Anda ingin beri nama dari folder toko.
Dari file tindakan di sana.
Seperti itu.
Dan sekarang dengan itu saya dapat membuat dua konstanta baru ini.
Status negara bagian 2 alat peraga untuk mendapatkan akses ke negara saya dan peta pengiriman ke alat peraga untuk mendapatkan
akses tindakan untuk ini mengirimkan fungsi pengiriman dan dapat mengirimkan tindakan.
Saya akan mulai dengan memetakan States to prop's saat Anda mempelajari ini mengharapkan untuk memegang fungsi yang akan
menerima status sebagai input yang diteruskan ke fungsi secara otomatis oleh redux dan di fungsi body.
Di sini kita harus mengembalikan objek javascript tempat kita memetakan sepotong status X kita ke sesuatu yang akan dapat kita
akses sebagai properti dalam wadah atau komponen kita.
Jadi saya ingin katakan saja properti P R S.
Anda bisa menamainya orang atau hanya tidak menyebutkannya seperti ini untuk membuatnya sangat jelas bahwa
itu tidak sama dengan negara kita.
Jadi PS bisa dipetakan ke negara dan ada orang properti.
Sekarang di sini Anda harus memastikan bahwa Anda tentu saja mengeja nama properti di
sini persis seperti yang dieja dalam peredam Jadi jika itu kita mendapatkan akses ke orang-orang dalam komponen kontainer kami.
Sekarang untuk memetakan halaman ini ke alat peraga kita semua menyimpan fungsi dalam konstanta
ini sebuah fungsi yang menerima fungsi pengiriman sebagai input dan kemudian di sini kita semua objek kembali di mana kita memetakan alat peraga
untuk mengirimkan eksekusi fungsi.
Dan di sini saya memetakan properti saya untuk menambahkan orang dan menghapus orang.
Jadi mungkin pada iklan seseorang bisa menjadi fungsi anonim tempat saya menyebut tambalan ini pada akhirnya.
Dan sekarang saya mengirim tipe tindakan add person dan saya akan menambahkan prop lain pada orang yang dihapus di sini.
Saya juga mengirim jenis tindakan.
Hapus orang tetapi di sini saya juga harus melewati muatan dan umumnya penting.
Ini harus menjadi objek javascript sehingga Anda tidak hanya meneruskan string sebagai argumen.
Anda melewatkan objek javascript dengan jenis string kematian.
Itu adalah kesalahan umum yang Anda salah set untuk mengetik di sini di objek javascript dan jenis
itu adalah jenis tindakan Anda masih untuk menghapus seseorang hanya melewati jenis itu tidak cukup.
Kita juga harus melewati ide yang termiskin.
Kami ingin menghapus.
Jadi saya berharap untuk mendapatkannya id sebagai argumen dalam fungsi ini sehingga saya bisa meneruskan apa pun yang saya
harapkan dalam peredam dalam ide kasus orang ini sebagai properti pada tindakan sehingga saya lulus per ID di sini dengan menetapkan
properti itu di objek pengiriman sama dengan ID yang saya terima di sini.
Dan sekarang kita hanya perlu menggunakannya dengan benar dalam kode komponen GSX kami untuk menambahkan ketekunan dan sederhana
hanya dijalankan.
Alat peraga ini dan sebagainya ditambahkan orang untuk dihapus.
Saya masih akan menggunakan fungsi anonim seperti yang kami lakukan sebelumnya untuk Den X-ists dis prop's pada orang yang dihapus dan
masih menekan ID penjara sebagai argumen sehingga mencapai disfungsi di sini.
ID ini dan kami dapat mengirimkannya dengan mati.
Kami mengelola semuanya dari Rydex.
Kami menghubungkan fungsi pengiriman dengan alat peraga dan negara bagian kami.
Sekarang mari kita lihat apakah itu berfungsi yang menyelamatkan semua yang salah dan kita melihat bahwa kita dibawa orang membaca knol.
Jadi di negara kita, kita gagal membaca ini.
Yah alasannya tentu saja dalam komponen wadah untuk orang yang saya petakan di sini masih merujuk pada
orang negara ini.
Itu tidak ada lagi kami menghapus ini.
Sebaliknya, kita harus mengambil argumen ini pada prop bukan pada negara.
Jadi alat peraga PR S ini sekarang benar.
Sekarang dengan ayah jika kita menyimpannya dan kita kembali kita memuat ulang aplikasi.
Kami masih mendapatkan kesalahan atau Anda tahu mengapa kami
mendefinisikan status peta dengan baik untuk alat peraga dan pengiriman peta ke alat peraga.
Tapi apa yang tidak kita lakukan.
Kami tidak memberi tahu komponen kami tentang konstanta ini.
Hanya menambahkan konsep seperti ini tidak ada artinya.
Kita perlu menghubungkan komponen kita ke negara kita dengan DS ke konstanta dengan fungsi DS ke konstanta pada
akhirnya sebagai argumen dan untuk itu Anda akan belajar bahwa kita dapat mengimpor sesuatu dari
re-act read X dan bahkan sesuatu ini dinamai.
Menghubung.
Jadi kami mengimpor fungsi koneksi dari re-act redux dan kemudian kami menambahkannya di sana ke ekspor dan
melewati status peta ke properti.
Jadi konstanta ini di sini sebagai argumen pertama dan kemudian memetakan pengiriman ke prop. Jadi argumen ini di sini konstan
di sini.
Rops sebagai argumen kedua dan kemudian Anda mengetahui bahwa terhubung dengan dua argumen ini mengembalikan fungsi
yang juga kami jalankan dan tempat kami meneruskan komponen orang tersebut.
Dan sekarang dengan itu kita terhubung wadah kami.
Tetapi jika kita kembali ke file indeks, Anda akan melihat bahwa begitu kami membungkus komponen aplikasi kami dengan
penyedia dan kami membuat toko dengan create store.
Kami tidak pernah membuat langkah terakhir melewati pintu kematian ke penyedia karena tentu saja itu berasal dari dua
paket yang berbeda sehingga kami harus membuat koneksi itu dan kami melakukannya dengan
menambahkan properti toko pada penyedia dan mengaturnya sama dengan konstanta toko yang memegang referensi ke toko yang kami buat
dengan create store.
Dan sekarang dengan itu jika kita menyimpan semua file kita memiliki aplikasi yang berjalan lagi di mana kita
dapat mengklik pada orang dan menghapus orang dan seperti yang Anda lihat menghapus yang benar.
Jadi tugas itu diselesaikan.
Sedikit redux dan ulangi praktik reduks.