Luisteraars zijn componenten in React waarmee u zich kunt abonneren op wijzigingen in de status van een component. Wanneer de status van de component verandert, wordt de luisteraar aangeroepen met de nieuwe status als argument.

Luisteraars zijn handig wanneer u de gebruikersinterface van een onderdeel wilt bijwerken op basis van wijzigingen in de status van een ander onderdeel. U kunt bijvoorbeeld een luisteraar in een onderliggende component hebben die de gebruikersinterface bijwerkt op basis van wijzigingen in de status van de bovenliggende component.

Hier is een voorbeeld van hoe u een luisteraar in React kunt gebruiken:

```jsx

importeer React, {useState } van 'reageren';

const ParentComponent =() => {

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

opbrengst (

);

};

const ChildComponent =({ aantal }) => {

gebruikEffect(() => {

// Deze functie wordt elke keer aangeroepen als de prop `count` verandert

console.log(`Aantal gewijzigd in ${count}`);

}, [graaf]);

opbrengst (

);

};

standaard ParentComponent exporteren;

```

In dit voorbeeld heeft de `ChildComponent` een luisteraar die elke keer wordt aangeroepen als de prop `count` verandert. De luisteraar registreert de nieuwe telling op de console.