Lyttere er komponenter i React, der giver dig mulighed for at abonnere på ændringer i en komponents tilstand. Når komponentens tilstand ændres, kaldes lytteren med den nye tilstand som argument.

Lyttere er nyttige, når du vil opdatere brugergrænsefladen for en komponent baseret på ændringer i en anden komponents tilstand. For eksempel kan du have en lytter i en underordnet komponent, der opdaterer dens brugergrænseflade baseret på ændringer i tilstanden af ​​dens overordnede komponent.

Her er et eksempel på, hvordan man bruger en lytter i React:

``` jsx

importere React, { useState } fra 'react';

const ParentComponent =() => {

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

returnere (

);

};

const ChildComponent =({ count }) => {

useEffect(() => {

// Denne funktion vil blive kaldt hver gang 'count' prop ændres

console.log(`Antal ændret til ${count}`);

}, [tælle]);

returnere (

);

};

eksport standard ParentComponent;

```

I dette eksempel har `ChildComponent` en lytter, der kaldes hver gang `count` prop ændres. Lytteren logger den nye optælling til konsollen.