Poslušalci so uporabni, ko želite posodobiti uporabniški vmesnik komponente na podlagi sprememb v stanju druge komponente. Na primer, lahko imate poslušalca v podrejeni komponenti, ki posodablja svoj uporabniški vmesnik glede na spremembe v stanju svoje nadrejene komponente.
Tukaj je primer, kako uporabiti poslušalca v Reactu:
```jsx
import React, { useState } from 'react';
const ParentComponent =() => {
const [count, setCount] =useState(0);
vrnitev (
);
};
const ChildComponent =({ count }) => {
useEffect(() => {
// Ta funkcija bo poklicana vsakič, ko se spremeni prop `count`
console.log(`Število spremenjeno v ${count}`);
}, [štetje]);
vrnitev (
Število je {count}.
);
};
izvoz privzete nadrejene komponente;
```
V tem primeru ima `ChildComponent` poslušalec, ki se pokliče vsakič, ko se spremeni prop `count`. Poslušalec zabeleži novo štetje v konzolo.