Jadi sekarang kita dapat berkomunikasi kembali.
Dan kami benar-benar memperbarui array tujuan kursus kami di komponen aplikasi.
Tapi yang Anda lihat adalah meskipun array diperbarui dan jelas tujuan baru adalah bagian dari array, output kami
di sini di layar tidak berubah.
Dan itu membawa kita ke konsep inti dari keadaan bereaksi.
Bereaksi tidak membuat debit adalah kode X dan oleh karena itu UI nyata setiap saat setiap peristiwa dipicu di mana
saja di aplikasi.
Jadi hanya karena saya mengklik tombol ini di sini tidak berarti reaksi akan membuat seluruh layar
hanya untuk memastikan tidak ada perubahan data.
Ini bukan cara kerjanya.
Sebaliknya, pada akhirnya, Anda harus memberi tahu.
Bereaksi kapan seharusnya.
Buat ulang.
Dan kemudian Anda melakukannya dengan menggunakan konsep yang disebut wacana negara.
Tujuannya adalah.
Berikut ini adalah array JavaScript biasa.
Dengan kata lain, bereaksi sepenuhnya mengabaikannya.
Kita harus mengatakan bahwa ia tidak boleh mengabaikannya dan mati saja.
Setiap kali kita mengubah array tidak, itu harus memperbarui d ui.
J adalah kode X dari komponen tempat kita mengubahnya.
Jadi dalam hal ini komponen aplikasi.
Sekarang untuk melakukan itu kita mengimpor satu hal lagi dari paket REAC.
Dan itu menggunakan status fungsi yang dibangun ke dalam perpustakaan reaksi, yang disebut kait reaksi.
Dan Anda belajar lebih banyak tentang kait di reaksi saya untuk panduan lengkap.
Tentu saja.
Fungsi yang tidak dapat kita jalankan berakhir pada semua komponen fungsional.
Dan hanya komponen fungsional daripada komponen berbasis Kelas.
Anda juga memiliki mekanisme manajemen negara, bukan fokus kursus ini di sini, tetapi Anda juga bisa melakukannya di
sana.
Tetapi dalam komponen fungsional, Anda menggunakan fungsi kait ini, sebagaimana mereka dipanggil.
Semua fungsi ini.
Dimulai dengan penggunaan di awal untuk mengelola negara.
Jadi untuk mengelola data yang ketika diubah, harus mengarah ke UI komponen di mana Anda mengatur
untuk membuat ulang.
Jadi di sini komponen aplikasi.
Saya tidak ingin memanggil status penggunaan dan menggunakan status.
Saya melewatkan array ini di sini.
Ini adalah kondisi awal saya.
Maka saya dapat menyingkirkan konsep itu untuk saat ini.
Ini memberi tahu reaksi bahwa komponen ini memiliki beberapa keadaan dan bahwa ini adalah keadaan awal saya.
Ngomong-ngomong, Anda juga dapat memiliki beberapa keping status yang berbeda dan semuanya ditonton secara independen.
Tetapi di sini saya hanya memiliki satu keadaan utama dan itu adalah serangkaian tujuan saya.
Dan saya katakan bereaksi bahwa saya memiliki keadaan ini dan ini adalah keadaan awal saya.
Sekarang, tentu saja, saya ingin mendapatkan akses ke penyimpanan keadaan awal dan beberapa konstanta sehingga saya dapat
menggunakannya di seluruh komponen, karena Core Scholes sekarang hilang di mana-mana.
Jadi Anda menyatakan semua mengembalikan sesuatu.
Ini mengembalikan array tepat dua elemen.
Elemen pertama selalu adalah snapshot keadaan terbaru kami.
Baik keadaan awal kami atau setelah kami mengubahnya, keadaan diperbarui.
Dan elemen kedua array yang dikembalikan oleh status penggunaan adalah fungsi yang memungkinkan kita untuk memperbarui keadaan
itu.
Ganti dengan nilai baru dan katakan bereaksi bahwa itu harus di render.
Jadi di sini ia akan menggunakan susunan array D dengan menggunakan tanda kurung siku di sisi kiri waktu saya yang sama di sini
untuk mengekstraksi dua elemen ini.
Saya memiliki larik inde yang dikembalikan dengan status penggunaan.
Dan selalu ada tepat dua elemen.
Jadi itu tidak tergantung pada jenis data tatta negara yang Anda lewati di sini.
Status penggunaan memberi Anda array dengan tepat dua elemen.
Elemen pertama, kondisi Anda saat ini.
Jadi dalam kasus saya, array saya di sini.
Elemen kedua dari fungsi untuk memperbarui keadaan.
Karena itu, biasanya kami dinamai set.
Dan kemudian nama pilihan Chote Anda.
Tetapkan tujuan kursus dalam kasus saya.
Jadi sekarang saya memiliki dua konstanta yang dibuat dengan bantuan U. S.
Negara konstanta pertama memegang snapshot negara saya.
Kedua, konstanta sebenarnya memiliki fungsi yang dapat kita panggil untuk memperbarui snapshot keadaan itu.
Dan kami akan memanggil fungsi itu di sini dan menambahkan tujuan baru.
Handler dapat memanggil tujuan yang telah ditentukan di sini dan sekarang.
Saya ingin memperbarui tujuan kursus saya dengan menambahkan tujuan baru.
Sekarang, bentuk sederhana dari melakukan itu adalah dengan hanya menggunakan tujuan kursus lama saya dan memanggil concat di sini,
bukan mendorong, karena push memodifikasi item yang ada sebagai gantinya menetapkan tujuan kursus sekali array baru yang akan menggantikan array
lama dan concat juga akan menambahkan item ke array, tetapi akan mengembalikan array baru ke mana
item ini ditambahkan.
Jadi itu memberi kita array baru, tidak menyentuh yang lama.
Dan kami tidak lulus array baru untuk menetapkan tujuan kursus dan bereaksi.
Kemudian akan menggunakan array baru untuk di bawah tenda, menggantikan sinar yang lebih lama dalam keadaan
yang dikelola secara internal dan akan membuat ulang komponen ini setelah melakukannya, dan karenanya memperbarui tujuan wacana yang konstan dengan
array baru.
Dalam siklus render berikutnya, yang kemudian berarti bereaksi akan menjalankan fungsi ini di sini, dan karena itu
ketika melakukannya, itu akan mencerminkan bahwa data baru di Arjay adalah kode X.
Jadi di sini saya ingin menyatukan tujuan baru saya.
Dan jika sekarang kita aman.
Dan saya klik tambahkan tujuan, Anda melihat tujuan baru ditambahkan ke daftar karena sekarang bereaksi rendahkan layar ini atau
bagian-bagian yang perlu dirender ulang.
Setiap kali kami memperbarui status kami sekarang, seberapa tepatnya reaksi yang diulang jadi bukan fokus dari kursus ini.
Anda dapat mempelajarinya dan sumber daya khusus seperti dokumen resmi atau panduan lengkap saya.
Untuk saat ini cukup untuk dicatat yang bereaksi secara ajaib dan efisien.
Apakah dirender halaman atau bagian dari halaman yang perlu dirender ulang?
Berdasarkan perubahan status yang kami terapkan.