Negara adalah konsep penting dalam bereaksi.
Dan dengan pengetahuan kami tentang keadaan, kami sekarang juga dapat memastikan bahwa kami tidak hanya membuat tujuan tiruan,
tetapi kami benar-benar mencerminkan input pengguna yang sebenarnya.
Jadi untuk itu, mari kembali ke tujuan baru.
Apa yang ingin Anda lakukan adalah kami ingin menyimpan input pengguna dalam beberapa variabel pada setiap penekanan tombol sehingga kami memiliki nilai terbaru yang dimasukkan
oleh pengguna dan kemudian meneruskan nilai yang dimasukkan itu ke alat peraga pada sasaran iklan atau ke sasaran baru kami di
sini alih-alih teks boneka hardcode yang kita miliki saat ini.
Jadi ini dia.
Saya ingin menangkap input pengguna di sini dan mengirim ini alih-alih susah payah saya ke teks di sini sebagai bagian dari tujuan
baru.
Jadi kita bisa membuat variabel di sini, input pengguna atau teks yang dimasukkan mungkin, yang awalnya merupakan string kosong.
Dan di sini atas input, mereka sebenarnya diatur pada acara perubahan.
Kita dapat mendengarkan yang dipecat dan setiap keystroke.
Jadi sekarang kita bisa menambahkan fungsi.
Penanganan perubahan teks.
Di sana kita akan mendapatkan objek acara dan objek acara itu akan menyimpan input pengguna pada acara.
Target, yang mengacu pada elemen input, nilai titik, dan oleh karena itu kita dapat mengatur memasukkan teks sama dengan
itu.
Sekarang, masukkan teks akan berubah dengan setiap penekanan tombol.
Setelah kami ikat pada perubahan ke text handler perubahan seperti ini.
Sekarang, di sini, di tujuan baru, kita dapat menggunakan teks masukan.
Jadi apa, pengguna masuk ke sini?
Dan setelah itu, mari kita semua konsol terkunci dan Anda pergi di sini sehingga kita dapat melihat bahwa ini berfungsi,
jika kita sekarang aman dan saya masukkan tes di sini dan saya klik pada tujuan.
Kami melihat ini berfungsi dan ini adalah keluaran di sini.
Pendekatan ini umumnya baik-baik saja, tetapi dapat memiliki satu kelemahan kecil.
Bagaimana jika kita ingin mengatur ulang ini setelah menambahkan tujuan baru?
Tentu saja, kita bisa pergi ke rumah kita.
Penangan emas iklan.
Dan begitu kami membuat tujuan baru, kami tentu saja dapat mengatur memasukkan teks kembali ke string kosong.
Tapi tentu saja, ini tidak akan melakukan apa pun.
Jika saya memasukkan tujuannya, Anda tahu, ini tidak tercermin di sini.
Mengapa itu tidak tercermin?
Karena komponen emas baru tidak menghasilkan.
Ini bukan kondisi yang kami kelola.
Ini adalah variabel reguler.
Jadi, tentu saja, kita bisa mengubahnya.
Tentu saja bisa kita gunakan untuk mengubah nilainya.
Tetapi jika kita kemudian menetapkan nilai baru untuk itu.
Ini tidak tercermin pada input kami karena input ini hanya memiliki koneksi ke penangan perubahan teks.
Itu tidak tahu bahwa itu harus mencerminkan nilai saat ini disimpan dan dimasukkan teks.
Sekarang kita bisa memberi tahu komponen input bahwa ia harus melakukannya dengan mengikat prop nilainya.
Kami dapat mengikat ini ke teks yang dimasukkan dan dengan ayah kami memberi tahu komponen input.
Hai, nilai yang ditampilkan di input harus didevaluasi, disimpan, dan dimasukkan.
Teks.
Jika kita melakukan itu, kita akan tahu sesuatu yang baru.
Sekarang, kita tidak bisa mengetik di sana lagi, jika saya mengetik di sini, input tidak tercermin.
Sekarang, jika Anda memikirkannya, itu masuk akal.
Ketika Anda memberi tahu reaktansi bahwa input harus diberikan sedemikian rupa sehingga nilainya untuk dimasukkan, ke teks
dengan setiap penekanan tombol yang kami ubah, masukkan teks, tetapi masukkan teks tidak menyatakan.
Itu variabel biasa.
Jadi itu berarti bahwa kita mengubah variabel dengan setiap penekanan tombol tetapi bereaksi ribuan rewriter komponen
input.
Itu tidak mencerminkan nilai yang diperbarui untuk bereaksi, selalu mendevaluasi sebagai string kosong karena itu adalah kali
terakhir ia membuat komponen ini dan Delford mengeluarkan kode X dan karenanya sebagai input.
Jadi kita perlu memberi tahu bereaksi bahwa ini adalah beberapa keadaan dan bahwa ketika itu berubah, itu harus membuat kembali J kita
sebagai kode X.
Jadi sekali lagi, kami dapat mengimpor Anda sebagai status di sini dan mengonversi masuk ke penggunaan teks yang sudah terstruktur di sini dan
Anda menyatakan awalnya adalah string kosong atau memiliki string kosong awalnya di sini karena saya mengelola teks
yang saya masukkan.
Dan elemen kedua adalah fungsi untuk memperbarui keadaan yang karenanya akan memanggil teks yang dimasukkan.
Dan sekarang di sini pada setiap penekanan tombol, saya mengatur teks yang dimasukkan untuk mendevaluasi nilai target acara.
Dan di sini kita tidak perlu bentuk fungsi memperbarui negara karena kita memiliki nilai baru yang
tidak bergantung pada negara sebelumnya.
Jadi kita bisa memperbarui ke set seperti ini.
Dan sekarang ini akan.
Buat ulang komponen ini setiap kali kita mengetik, setiap kali kita memanggil set, masukkan masih pada setiap penekanan tombol, yang
terdengar mengerikan tapi bagus.
Reaksi.
Kami akan melakukan ini dengan cara yang sangat efisien dan oleh karena itu nilai terbaru ini akan tercermin pada elemen
input.
Dan di sini di ADCO Handler, jika kita ingin memperbarui, memasukkan, teks dan mengatur ulang, kita dapat def recall, mengatur, memasukkan teks
dan mengaturnya kembali ke string kosong.
Dan dengan itu kita sekarang memiliki yang terbaik dari kedua dunia.
Kita dapat memasukkan sesuatu di sini yang semuanya berfungsi.
Tetapi kita juga dapat memanipulasinya dan mengatur ulang setelah menambahkan tujuan baru seperti ini.
Jadi ini sekarang dan tidak pernah menggunakan kasus untuk manajemen negara.
Dan tentu saja ada banyak kasus penggunaan dalam aplikasi REACT kami.
Dan di sini kita menggunakan manajemen negara untuk membuat sesuatu yang kadang-kadang juga disebut cara mengikat di mana
mengikat nilai input dan pada setiap penekanan tombol kita memperbarui ke nilai, yang kemudian kita
ikat kembali ke input sehingga kita selalu mencerminkan nilai terbaru di dalam input.
Tetapi kami juga dapat mengelola ini dengan cara yang didorong oleh negara.
Jadi, apakah kita semua memiliki kesempatan untuk memanipulasi nilai dari dalam kode kita di sini dan merefleksikan ini kembali ke
input dalam kasus ini?
Dengan itu, kami memiliki skenario manajemen negara lain dan kami sekarang dapat menambahkan tujuan kami sendiri.