React Hooks: Düşündüğünüzden daha kolay.

Bazen yeni şeyler öğrenmek bunaltıcı ve sıkıcı olabilir. Ancak, React Hooks için durum böyle değil . Hooks öğrenmek için hiç zaman ayırmamış biriyseniz ve öncelikle D Sınıfı bileşenleri kullanıyorsanız, denemenin zamanı gelmiş olabilir.

React'i ilk öğrendiğimde , bana öğretilen ve en aşina olduğum şey olduğu için yalnızca Sınıf tabanlı bileşenleri kullandım . Ancak, Blass tabanlı bileşenlerin nasıl kullanılacağını bilmek iyi olsa da, bunlar "modası geçmiştir". Endüstri, İşlev tabanlı bileşenleri kullanma yolundadır ve devam edecektir .

Kancalar , Class yaşam döngüsü yöntemlerini ve işlevlerin içinde State'i kullanmanın bir yolu olarak oluşturuldu . Bu , genel olarak Sınıf tabanlı bileşenlere olan ihtiyacı ortadan kaldırır .

Bunu göstermek için en kolay yolu bakmaktır Devlet bir de sınıf tabanlı bileşen:

Bakılması gereken dört ana paket şunlardır:

• Devlet tarafından başlatılır state: {}.
• Thisİçinde fonksiyon ve değişkenlerin hedeflemeye yönelik anahtar Classes .
• Sınıf tabanlı bileşenlerde thisanahtar kelime ile hataları önlemek için ok işlevlerinin gerekliliği .
• setState()her türlü değişikliği Devleti .

Hemen fark etmeniz gereken ilk şey, Class olmadığıdır .

Bundan hemen sonraki ikinci şey, State öğesini başlatma şeklimizdir :

bunu basit terimlerle parçalayalım:

• termDevletinizin şu anda herhangi bir anda olduğu şeydir . Yazmak yerine this.state.termsadece term.
• setTermesasen setStatedaha özelleştirilmiş bir ad dışında. tam olarak aynı şekilde çalışır, sadece ne adlandıracağınızı seçebilirsiniz.
• useStatebir kancadır. amaç, State içindeki belirli bir anahtarın neye eşit olması gerektiğini başlatmaktır . Bir dize kullandığımız için boş bir dize başlatıyoruz.