Dinleyiciler, bir bileşenin kullanıcı arayüzünü başka bir bileşenin durumundaki değişikliklere göre güncellemek istediğinizde kullanışlıdır. Örneğin, bir alt bileşende, ana bileşeninin durumundaki değişikliklere göre kullanıcı arayüzünü güncelleyen bir dinleyiciniz olabilir.
React'ta bir dinleyicinin nasıl kullanılacağına dair bir örnek:
```jsx
React'ı içe aktar, { useState } 'react'ten;
const ParentComponent =() => {
const [count, setCount] =useState(0);
geri dönmek (
);
};
const ChildComponent =({ sayım }) => {
useEffect(() => {
// Bu fonksiyon 'count' özelliği her değiştiğinde çağrılacak
console.log(`Sayım ${count} olarak değiştirildi`);
}, [saymak]);
geri dönmek (
Sayı {count}.
);
};
varsayılan ParentComponent'i dışa aktar;
''''
Bu örnekte, 'ChildComponent', 'count' desteği her değiştiğinde çağrılan bir dinleyiciye sahiptir. Dinleyici yeni sayımı konsola kaydeder.