 Terima kasih. Terima kasih. Terima kasih. Hai, semua. Nama saya Pekata. Ini Pee Wei. Hari ini kita akan bercakap tentang Hooks React. Satu-satunya api di React. Jadi berharap anda akan ambil sesuatu daripada ini. Dan ini adalah kata-kata pertama kita. Tempat periksa. Siapa di sini? React Developers? Bagus. Sudah tentu jumpa. Jika anda bukan React Developer, mungkin selepas ini anda mahu ambil React untuk spin. Kenapa React membuat sesuatu yang disebabkan Hooks ini? Ada beberapa sebab. Sebelum anda berkenaan dengan React, ada sesuatu yang disebabkan Klaas Komponan. Ia mungkin akan membuatkan kek serangan pada masa untuk menggunakan Klaas Komponan. Komponan itu juga kadang-kadang besar. Jika anda menggunakan Klaas Komponan yang lebih tinggi, ia mungkin akan membantu sesuatu yang disebabkan Hooks React. Saya akan mencari tiga kata-kata sekarang. Klaas Komponan dapat membuatkan kek serangan. Jadi ini adalah komponan yang sangat terdapat. Mereka akan membuatkan Klaas Komponan. Selain itu, anda perlu membuatkan Klaas Komponan. Ada bindings. Anda perlu menggunakan kawasan ini di mana-mana. Jika anda mengalami satu atau memasukkan sesuatu, anda mungkin akan berfikir, apa yang salah. Seluruhnya, komponan itu sangat besar. Di sini, logik sebenarnya dibuat dalam kawasan hidup ini. Jika anda adalah React Developer, kawasan ini adalah sangat terdapat. Logik di sini dibuat oleh kawasan hidup ini tidak berdapat dalam kawasan yang sama. Jadi Hooks akan membantu memasukkan itu. Jika anda menggunakan komponan yang lebih tinggi dan kawasan rendah untuk membantu memasukkan kawasan kawasan. Ini akan menjadi kata-kata yang anda lihat apabila anda memasukkan. Jika anda memasukkan kawasan React, ini adalah sesuatu yang anda mungkin melihat. Bukan sangat bagus dan Hooks akan memasukkan untuk membantu memasukkan ini. Jadi kita akan mencari bagaimana Hooks akan membantu memasukkan kawasan ini hari ini. Jadi sekarang Pi Wei akan bercakap tentang apa yang benar-benar adalah Hooks. Jadi untuk faham apa yang Hooks adalah, mari kita dulu bercakap tentang komponan fungsi. Sebelum Hooks yang diperkenalkan, komponan fungsi tidak dapat mempunyai dan tidak mempunyai kawasan hidup. Dan komponan kawasan kawasan harus digunakan jika anda mempunyai kawasan hidup dan hidup. Tapi sekarang komponan fungsi tidak selalu mengalami kawasan hidup. Kerana dengan Hooks, komponan fungsi dapat memasukkan kawasan hidup dan hidup. Dan Hooks adalah sebenarnya kawasan hidup yang diperkenalkan oleh React. Untuk menunjukkan bagaimana kita memasukkan Hooks, kita telah membuat satu contoh yang mudah. Dalam contoh kita memasukkan hanya dua kawasan kawasan hidup, yaitu kawasan hidup dan kawasan hidup. Dan kemudian Pakata akan menunjukkan kawasan hidup yang kita sendiri memasukkan. Ya, jadi ini adalah contoh kita. Jadi sebuah kawasan di-react adalah memasukkan kawasan hidup dan kawasan hidup yang di-react dibuat dengan kawasan kawasan hidup dengan Hooks yang di-react. Komponan berdua berdua sama sekali. Kami berdua mempunyai satu kawasan hidup dan apabila saya menyebabkan nama kita, ia akan menunjukkan kawasan hidup. Dan apabila saya menyebabkan seluruh kawasan Area ia akan menubah nama kita akan berubah. Bersama sekali apabila saya menyebabkan kawasan hidup yang akan berubah pada kawasan hidup, ia akan berubah pada kawasan hidup. Jadi mari kita terunjukkan kawasan hidup yang di-react. Ia adalah kawasan hidup yang kita gunakan untuk memasukkan kawasan hidup teruk kepada kawasan modul. Jadi ini adalah sink tax, menggunakan alamat awal dan kembali dengan dua alamat. Alamat pertama adalah alamat currently dan alamat kedua adalah fungsi untuk mengubah alamat alamat. Dengan kebenaran, nama alamat ini dibuat dengan alamat yang dikatakan. Untuk mengubah alamat, kita perlukan sebuah konstruktor dalam komponen kelas. Tetapi dengan menggunakan alamat, ia boleh dibuat dengan hanya satu alamat. Dan alamat ini dibuat seperti yang dikatakan dalam komponen kelas. Jadi dalam alamat ini sekarang, apabila saya menggunakan alamat yang dikatakan dalam alamat alamat, alamat ini, yang dikatakan di sini, dikatakan untuk mengubah alamat. Dan untuk alamat alamat ini untuk bekerja, kita perlu menggunakan alamat dalam konstruktor. Dan ini selalu sangat berlebihan. Tetapi dalam komponen kelas, alamat alamat tidak perlu dan alamat ini tidak perlu. Jadi mari saya memperkenalkan kepada anda alamat kedua yang menggunakan alamat alamat, yang adalah alamat alamat yang menolakkan kami menerima alamat kelas. Jadi ini adalah syktaik. Kita menggunakan alamat alamat alamat untuk menggunakan alamat alamat. Dan dalam alamat ini kita dapat menambah alamat alamat kelas dan memahami alamat alamat mengubah alamat. Dan alamat kedua adalah alamat alamat. Alamat alamat hanya diperkait apabila perubahan di alamat alamat di alamat. Pertx. apabila A atau B mengubah alamat. Dan biasanya kita mahu menjemput kelas apabila alamat alamat adalah dikasih dalam alamat. Pertx. apabila alamat adalah dikasih dalam alamat kita mahu menarik dan alamat alamat. Dan ini boleh dibuat dengan alamat yang dikatakan dalam alamat hidup. keadaan yang sama dapat diperlukan dengan keadaan yang digunakan. Dalam komponen klas untuk memasak keadaan yang digunakan adalah dibuat dalam komponen syarikat hidup. Tetapi dalam komponen fungsi, kita hanya perlu menerima sebuah fungsi yang memasak keadaan. Seperti yang anda lihat di sini, keadaan logik yang memasak keadaan dibuat bersama dalam satu keadaan yang digunakan. Tetapi dalam komponen syarikat keadaan, logik memiliki cara hidup. Untuk memasak keadaan, ada dua rupanya untuk diikuti. Pertama, ia untuk memasak keadaan hanya di sebuah komponen yang digunakan. Dan tidak akan memasak keadaan dalam keadaan yang digunakan atau keadaan yang digunakan. Pertama, ia untuk memasak keadaan hanya dari fungsi red dan tidak dari fungsi jawa yang biasa. Dan kemudian, saya akan menerima ke Pakata untuk menunjukkan bagaimana untuk memasak keadaan. Terima kasih. Baiklah. Jadi, keadaan custom. Jadi, hari ini kita menulis keadaan custom. Pertama, ia akan memasak keadaan logik yang memasak keadaan dari sebuah komponen sehingga apabila ia memasak keadaan, ia memasak keadaan. Pertama, keadaan custom akan menulis keadaan logik yang memasak keadaan dalam keadaan yang digunakan. Jadi, kita menulis keadaan logik yang memasak keadaan dengan keadaan logik. Jadi, ini adalah komponen keadaan logik. Biar saya memasak keadaan. Jadi, kita sudah memasak keadaan sekarang. Jadi, itu bukan kode yang anda sepatutnya lihat. Jadi, saya memasak keadaan saya. Jadi, kita telah memasak keadaan keadaan keadaan. Jadi, jika kita akan memasak keadaan yang sudah berlaku, kita akan pastikan kita memasak keadaan. Jadi, logik yang memasak keadaan dalam keadaan yang digunakan di sini. Jadi, kita memasak keadaan yang lain dalam aplikasi yang perlu memasak keadaan yang sama. Jadi, jika ia akan memasak keadaan yang sama, apa yang boleh kita buat untuk memasak keadaan? Jadi, dengan prinsip program, jika kita mahu memasak keadaan, kita memasak keadaan. Jadi, saya akan memasak keadaan ini. Saya akan membuat keadaan lain yang dipanggil Use Hover Title Change. Saya akan memasak keadaan ini di sini. Saya akan memasak keadaan yang sama. Jadi, saya akan memasak keadaan Hock Hover di sini. Saya akan memasak keadaan untuk memasak keadaan. Saya akan memasak keadaan ini untuk memasak keadaan. Anda dapat lihat, ia membutuhkan keadaan Hando Title Change. Hando Title Change di sini. Saya akan memasak keadaan ini lagi ke dalam fungsi baru kita. Dan, saya akan memasak keadaan Hock Hover. Saya akan memasak keadaan yang sama. Jadi, saya akan memasak keadaan. Dan saya akan memasak keadaan ini di sini. Bersiapkan. Jadi, kode kita akan memasak keadaan. Apa yang saya perlu lakukan adalah memasak keadaan Hover Title Change. Dan, saya akan memasak keadaan Hock Hover. Hock Hover. Dan, kode kita akan memasak keadaan. Bagus. Dan, fungsi kita masih bekerja. Jadi, jika kita memasak keadaan Hock Hover, kode kita akan memasak keadaan Hock Hover. Jadi, ia masih bekerja. Jadi, apa yang saya hanya membuat? Fungsi ini di sini adalah kode custom. Dan, ini hanya satu fungsi lain yang... Kode custom akan memasak keadaan yang normal yang menolakkan anda memasak keadaan Hock Hover terdapat banyak komponen yang berbeza dalam aplikasi. Jadi, bagaimana kita memasak keadaan? Jadi, saya sebenarnya membuat fungsi yang sama di dalam file lain. Jadi, saya akan memasak keadaan ini di sini. Dan, saya akan memasak keadaan dari file itu. Jadi, saya memasak keadaan dari file ini. Dari folder ini. Dan ia dipanggil sama-sama. Memang memasak keadaan Hock Hover. Jadi, ia bekerja. Bagus. Anda tidak dapat membuat ini dengan mudah dengan komponen klas. Jadi, saya akan menunjukkan komponen klas. Jadi, dalam komponen klas, logik kita untuk keadaan yang memasak sepenuhnya membutuhkan bersama-sama dalam metode life cycle dalam komponen deep mount dan komponen wheel unmount. Ia adalah sesuatu yang anda dapat memasak dengan mudah dengan komponen klas. Jadi, seterusnya, kita akan mencoba dan memasak logik yang memasak keadaan dalam komponen klas. Jadi, logik yang memasak keadaan dalam komponen klas adalah dari sebuah kode di sini. Dan seperti yang sebelumnya, yang sebelumnya, custom hook saya akan memasak. Saya akan memasak dan saya akan membuat nog반 sebut pantas y hand-timing. Dan saya akan memasak dana. Jadi, apabila di CVD saya membuat huraj kodam telah memasak y hand-timing saya akan memasak prambatan dengan director. Se convergence ini tidak akan jadi Name saya akan mem relie ain semini j eBay kita восп minions dan ia akan menjadi sel remmi. Tidak mengapa kita panggilnya Handle Name Change, kita akan panggilnya Handle Change. Dan ini akan sekarang menjadi Set Value. Jadi, test kita akan berhenti. Kenapa? Sebab input feel ini membutuhkan value dan membutuhkan Handle On Change. Sebelumnya ia di kota, tapi sekarang ia hilang. Jadi bagaimana kita bawa kembali? All we need to do is just return dari Custom Hook value dan saya akan berhenti dengan Handle On Change yang membutuhkan Handle Change. Untuk menggunakan, saya akan panggilnya Use Form Input. Ia akan mengambil P-Way. Dan ia akan menerima objek. Jadi objek yang akan menerima adalah ini. Tapi saya akan panggilnya Input Feel Props. Jadi sekarang saya akan mengambil ini dan P-Structure Input Feel Props. Teruskan itu. Dan test kita masih berhenti. Bagus. Jadi fungsi masih berfungsi. Dan seperti sebelum Custom Hook, saya telah membuat file lain untuknya. Jadi saya akan mengambil implementasi di sini. Dan saya akan membutuhkan. Jadi import ini di sini. Ini import. Teruskan itu. Dan test kita masih berhenti. Bagus. Jadi seperti dengan komponen kelas. Komponen kelas mempunyai sekitar 50 kota kota. Komponen kelas yang sama seperti logik. Hanya sekitar 24-25 kota. Jadi kelas. Ya mereka hebat. Untuk mengambil. Jadi pro-nya menggunakan kelas adalah anda mempunyai kelas kelas kelas ini di javascript. Logik kelas boleh digunakan dan berkongsi antara komponen lain. Anda mungkin tidak akan mengambil kelas seperti biasa. Anda mempunyai komponen kelas yang lebih kecil dan sebaik-baik saja. Dan jika anda... dan tidak ada perubahan yang berlaku jika anda mempunyai kelas kelas yang terbaru. Komponen. Bukan betul. Anda fikir ia hebat. Jika anda yang baru, kami mempunyai mempelajari komponen kelas anda. Ia penting kerana banyak kelas kelas yang memperkenalkan komponen kelas yang digunakan. Jangan lupa. Terima kasih kerana mendengar.