Özet - Custom hook temelleri

Bir form alanı için useField hook'u yazıp iki inputta kullanırsın.

Özet - Custom hook temelleri

Bu grupta custom hook'un ne olduğunu, iki ilkesini, useToggle ve usePrevious örneklerini öğrendin. Artık kendi hook'larını yazabilirsin.

Reçete: use önekiyle adlandır, en üst seviyede çağır, içerde gerekli hook'ları kullan ve anlamlı bir değer döndür. İsimlendirme ve çağrı yeri ilkeleri React'in hook sıralamasını korumasını sağlar.

Bir sonraki adımda useCounter hook'unu kullanarak bir sayfa bileşeni yazacaksın.

Uygulama CounterPage ile useCounter

Aşağıdaki iskeleti tamamla. CounterPage bileşeni yaz. useCounter hook'unu çağırıp sonucunu increment'e ata. <button onClick={ '{ increment }' }>Artır</button> göster. Dışa aktar. (useCounter'ın ithal edildiğini varsay.)

Örnek çözümü göster

function CounterPage() {
  const increment = useCounter();
  return <button onClick={increment}>Artır</button>;
}

export default CounterPage;

Kendini test et

Hangisi custom hook adı olabilir?
- useFetch
- fetchData
- GetUser
- hook_user
Cevabı göster

useFetch — useFetch geçerli bir custom hook adıdır.
Custom hook reçetesini eşleştir

use öneki

Adlandırma
en üst seviye

Çağrı
içeride hook

Mantık
return

Değer

Sıradaki ders: useLocalStorage

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler