Slušatelji su korisni kada želite ažurirati UI komponente na temelju promjena u stanju druge komponente. Na primjer, možete imati slušatelja u podređenoj komponenti koja ažurira svoje korisničko sučelje na temelju promjena u stanju nadređene komponente.
Evo primjera kako koristiti slušatelja u Reactu:
```jsx
import React, {useState} from 'react';
const ParentComponent =() => {
const [count, setCount] =useState(0);
povratak (
);
};
const ChildComponent =({ count }) => {
useEffect(() => {
// Ova funkcija će biti pozvana svaki put kada se promijeni prop `count`
console.log(`Broj promijenjen u ${count}`);
}, [broj]);
povratak (
Broj je {count}.
);
};
izvoz zadane nadređene komponente;
```
U ovom primjeru, `ChildComponent` ima slušatelja koji se poziva svaki put kada se promijeni prop `count`. Slušatelj bilježi novi broj u konzolu.