Sekarang perlu disebutkan bahwa saya juga menyentuh kait untuk semua kursus ini.
Jadi beberapa kait semua menyelam lebih dalam ke Anda dalam modul ini adalah kait yang telah disebutkan untuk semua kursus ini,
tetapi kemudian saya selalu menyebutkan bahwa kita akan menyelam ke dalamnya nanti.
Nah sekarang sudah mati.
Nanti Sekarang kita akan menyelam lebih detail dan mari kita mulai dengan bahan untuk jazz fall.
Di sana kami memiliki beberapa input dan satu hal yang biasanya kami lakukan di sini adalah bahwa kami mengikat
input yang dimasukkan pengguna ke beberapa negara untuk membendung properti negara dan kami memperbarui keadaan itu pada setiap keystroke dan kemudian
mengirim nilai kembali ke input.
Baik.
Itulah Langkah Dua di mana penjilidan yang Anda pelajari dalam kursus ini dan kami melakukan ini beberapa kali
ketika Anda bekerja dengan input.
Saya ingin melakukan hal yang sama di sini karena pada akhirnya semuanya dimulai di aplikasi ini di sini bersama
kami mengumpulkan input pengguna sehingga kami dapat membuat pola bahan tambah ini berfungsi sehingga kami melakukan sesuatu yang
bermanfaat ketika tombol ditekan.
Sekarang jika Anda tidak akan tahu tentang kait atau jika Anda akan bereaksi 16 titik 7 atau lebih awal daripada Anda harus
mengubah ini menjadi komponen berbasis kelas dan menggunakan negara dan mengatur negara di sana.
Sekarang dengan kait reaksi Anda tidak perlu melakukan itu.
Alih-alih, Anda dapat mengimpor sesuatu yang baru dari reaksi dengan tidak hanya
mengimpor ekspor default yang merupakan objek reaksi tetapi dengan mengimpor ekspor bernama dan yang menggunakan status.
Saya menyebutkan bahwa semua kait ini mulai digunakan dan kemudian mereka memiliki berbagai nama.
Jadi di sini untuk menggunakan status.
Dan ini sangat penting, mungkin kait inti yang disediakan oleh reaksi.
Ini memungkinkan kita untuk mengelola komponen keadaan dan fungsional.
Ini bekerja sedikit berbeda dari komponen berbasis negara dalam kelas.
Tapi kita akan melihat perbedaannya dalam sedetik.
Jadi bagaimana kita menggunakannya?
Yah kita masuk ke komponen fungsional kami dan itu penting Anda harus menggunakannya dalam tubuh
komponen fungsional Anda.
Jadi katakanlah di sini kita menyebutnya negara panggilan kita gunakan.
Sekarang itu saja tidak banyak membantu meskipun menggunakan status dapat diinisialisasi dengan keadaan default dan keadaan itu bisa berupa apa saja
bisa menjadi objek dapat berupa array dapat berupa angka, dapat berupa string, boolean dapat berupa nilai apa pun yang
tidak dilakukan. ' t harus menjadi objek, bisa berupa nilai apa pun.
Jadi di sini kita bisa membuat status baru yang harus mengatur input untuk judul dan jumlah.
Jadi mari kita buat objek di sini lagi tidak harus menjadi objek.
Saya memilih untuk menggunakan satu di sini karena saya memiliki dua nilai yang ingin saya kelola dan itu akan menjadi judul dan
pada awalnya ini adalah string dan jumlah kosong dan mari kita atur jumlah juga ke string kosong.
Sekarang Anda bisa berpendapat bahwa itu harus menyimpan nomor dan karenanya Anda ingin mengaturnya ke nol atau
sesuatu seperti itu pada awalnya.
Tetapi sebenarnya mengelola ini akan lebih mudah jika kita mengatakan ke string karena elemen input nilai-nilai elemen
input selalu string bahkan jika nomor tipe itu sendiri akan selalu mendapatkan string.
Jika kita ingin bekerja dengan angka di aplikasi kita maka kita harus mengonversi nilai itu setiap kali
kita menggunakannya.
Tetapi ketika kita mengambilnya ketika kita mengelolanya sebagai string banyak efek samping yang aneh di mana kita mungkin
tidak dapat mengedit nilai ini seperti yang kita inginkan.
Jadi kedua nilai di sini adalah string dan sekarang tentu saja pertanyaannya adalah apa yang membuat kita mendapatkan apa
yang disebut negara ini lakukan?
Karena hanya itu saja tentu saja tidak akan mengatur koneksi kita dengan baik keadaan kita sedang kita coba kelola
di sini dan input kita sekarang U. S. Negara sebenarnya kita mengembalikan sesuatu tahun ini
mungkin rumit untuk dibaca tetapi ini pada akhirnya menjelaskan bagaimana fungsi menggunakan fungsi negara didefinisikan dan setelah dingin
di sini kita melihat nilai kembali dan kita melihat bahwa nilai kembali sebenarnya adalah array dan ini adalah array
dengan tepat dua elemen.
Dan itu penting. S. status dibangun di Hook selalu mengembalikan array dengan
tepat dua elemen. Elemen pertama selalu merupakan snapshot keadaan Anda saat ini dan setiap kali keadaan Anda diperbarui, saya akan
kembali dalam sedetik.
Komponen ini akan dibangun kembali.
Jadi fungsi komponen ini dibaca dieksekusi dan menggunakan status tentu saja kemudian untuk semua yang dieksekusi lagi tetapi bereaksi
secara internal, manfaatkan Anda sudah mengonfigurasi status dengan bantuan status penggunaan untuk komponen ini dan tidak akan menginisialisasi ulang
melainkan menggunakan negara mengelola negara ini lepaskan dari komponen Anda sehingga bisa dikatakan sangat independen dari komponen
Anda sehingga keadaan selamat merender kembali komponen ini sehingga keadaan bertahan ketika fungsi komponen ini
dieksekusi lagi dan oleh karena itu gunakan keadaan lakukan nilai pertama yang dikembalikan
di sini adalah keadaan Anda saat ini snapshot dan ini adalah snapshot keadaan saat
ini untuk balas dendam atau siklus komponen ini.
Ini berarti bahwa ketika Anda memperbarui tahap Anda akan mendapatkan status diperbarui di sini sehingga Anda mendapatkan kembali
sebuah array dan menggunakan status dan array data memiliki dua elemen dan elemen pertama selalu snapshot keadaan Anda saat ini.
Bahkan keadaan awal atau jika Anda mengubahnya keadaan diperbarui yang tentu saja mengarahkan kita ke pertanyaan bagaimana
Anda mengubah keadaan.
Bagaimana Anda memperbarui negara.
Dan di situlah elemen kedua dalam kekacauan sangat membantu.
Seperti yang saya sebutkan array ini selalu memiliki tepat dua elemen.
Elemen pertama adalah snapshot keadaan Anda saat ini.
Elemen kedua adalah fungsi yang memungkinkan Anda untuk memperbarui keadaan Anda saat ini.
Jadi tahun ini benda aneh ini mengirimkan benda di sini yaitu fungsi yang
akan selalu menjadi fungsi yang dapat Anda panggil dengan data baru agar negara Anda memperbarui keadaan itu.
Maka dari itu apa yang bisa kita lakukan di sini.
Kita dapat menyimpan array ini dengan tepat dua elemen dalam suatu variabel atau dalam konstanta di sini sebenarnya.
Karena untuk siklus render ini tidak akan berubah.
Oleh karena itu dapat berupa konstanta dan semuanya dinamai status masukan.
Nama ini sepenuhnya terserah Anda, tetapi pada akhirnya di sini kami mengelola semua yang kami butuhkan untuk mengatur keadaan sumur
kami untuk dua input ini di sini.
Karenanya status input nama sekarang ditambahkan, kami menyimpan array kami dengan snapshot status dan fungsi pembaruan status di sini dalam status input,
kami dapat menghubungkannya ke input kami dan di sana saya akan menggunakan pendekatan yang serupa.
Saya menunjukkan kepada Anda sebelumnya dalam kursus dengan cara Q mengikat pada akhirnya di mana kami
mengikat nilai inputnya ke snapshot keadaan saat ini sehingga kami melewati keadaan saat ini kembali ke input sehingga untuk mengatakan
dan saya melakukan ini dengan hanya merujuk pada input status dan kemudian elemen pertama ingat status input adalah
array dengan tepat dua elemen dan elemen pertama pada indeks 0 akan menjadi snapshot keadaan saat ini.
Jadi Ayah akan baik-baik saja apa yang ingin kita masukan kembali ke input sekarang tentu saja keadaan kita adalah objek
meskipun bukan string.
Jadi untuk input judul di sini saya ingin mengakses status input judul nol titik karena status kami adalah objek dengan
judul dan properti jumlah yang akan dikelola, sedangkan input untuk dua input ini dan meneruskan jumlah input di sini sepanjang hari
untuk nilai yang disetel sama dengan input keadaan untuk elemen pertama yang merupakan snapshot keadaan kita saat
ini.
Jumlah sekarang kita memberi makan keadaan saat ini untuk input masing-masing kembali ke elemen input.
Tentu saja Anda juga ingin memperbarui status ketika kami mengetikkan input ini dan untuk itu seperti yang kami
lakukan selalu termasuk dalam komponen berbasis kelas.
Kita dapat mendengarkan pada acara perubahan yang menyala atau setiap keystroke dan di sana kita mendapatkan objek acara ini.
Jadi di sini saya menjalankan fungsi anonim pada akhirnya kami mendapatkan objek acara Steve secara otomatis dan
kami ingin memperbarui keadaan kami.
Dan seperti yang saya sebutkan kita lakukan ini dengan elemen kedua dalam array ini.
Status penggunaan memberi kita kembali.
Jadi di sini kita mengakses elemen db dan indeks 1 yang merupakan elemen kedua dan ini adalah fungsi sehingga
kita dapat menjalankannya sebagai fungsi dengan menambahkan tanda kurung di sini.
Sekarang di sini saya pada input judul jadi saya ingin memperbarui judul.
Jadi yang kita lakukan di sini adalah kita hanya melewatkan objek baru ke keadaan input untuk memperbarui keadaan kita saat ini dengan
objek keadaan baru ini.
Dan di sana kita dapat mengatur properti judul ke nilai target acara karena peristiwa DST mengubah acara target adalah bidang
input kami dan properti nilai kemudian memegang nilai yang dimasukkan pengguna.
Jadi saya ulangi dan ulangi logika yang sama di sini untuk jumlah dan taruh di sana.
Jadi di sana kami juga menambahkan perubahan tetapi tentu saja kami memperbarui bidang jumlah.
Maka dengan itu jika kita menyimpan ini kita kembali ke program kita di sini dan sekarang masukkan apel lima di sini.
Yah kita melihat ini umumnya bekerja kita bisa mengetik di sini yang merupakan pertanda baik yang berarti kita memberi makan negara
dengan benar kembali ke input ini dan seterusnya.
Tapi kami juga mendapat peringatan bahwa komponen berubah yang mengontrol input nomor tipe yang tidak terkontrol.
Jadi apa alasan peringatan ini, apa yang salah tentang cara kita menyelamatkan negara kita di sini dan mengapa
saya mendapatkan peringatan tentang input nomor jenis yang merupakan input kedua kami.
Jika saya mengetik ke yang pertama.