Ascoltatori sono componenti in React che ti consentono di iscriverti alle modifiche nello stato di un componente. Quando lo stato del componente cambia, il listener verrà chiamato con il nuovo stato come argomento.

I listener sono utili quando desideri aggiornare l'interfaccia utente di un componente in base alle modifiche nello stato di un altro componente. Ad esempio, potresti avere un ascoltatore in un componente figlio che aggiorna la propria interfaccia utente in base alle modifiche nello stato del componente principale.

Ecco un esempio di come utilizzare un ascoltatore in React:

```jsx

importa React, { useState } da 'react';

constComponenteGenitore =() => {

const [conteggio, setCount] =useState(0);

ritorno (

);

};

const ChildComponent =({ conteggio }) => {

useEffect(() => {

// Questa funzione verrà chiamata ogni volta che cambia la prop `count`

console.log(`Conteggio cambiato in ${count}`);

}, [contare]);

ritorno (

);

};

esporta il ParentComponent predefinito;

```

In questo esempio, "ChildComponent" ha un ascoltatore che viene chiamato ogni volta che cambia la prop "count". L'ascoltatore registra il nuovo conteggio sulla console.