Les écouteurs sont utiles lorsque vous souhaitez mettre à jour l’interface utilisateur d’un composant en fonction des modifications apportées à l’état d’un autre composant. Par exemple, vous pourriez avoir un écouteur dans un composant enfant qui met à jour son interface utilisateur en fonction des modifications apportées à l'état de son composant parent.
Voici un exemple d'utilisation d'un écouteur dans React :
```jsx
importer React, {useState} depuis 'react' ;
const ParentComponent =() => {
const [compte, setCount] =useState(0);
retour (
);
} ;
const ChildComponent =({ nombre }) => {
utiliserEffet(() => {
// Cette fonction sera appelée à chaque fois que la prop `count` change
console.log(`Count changé en ${count}`);
}, [compter]);
retour (
Le décompte est de {count}.
);
} ;
exporter le composant parent par défaut ;
```
Dans cet exemple, `ChildComponent` a un écouteur qui est appelé à chaque fois que la prop `count` change. L'écouteur enregistre le nouveau décompte sur la console.