Kuuntelijat ovat Reactin komponentteja, joiden avulla voit tilata komponentin tilan muutoksia. Kun komponentin tila muuttuu, kuuntelijaa kutsutaan uudella tilalla argumenttina.

Kuuntelijat ovat hyödyllisiä, kun haluat päivittää osan käyttöliittymää toisen komponentin tilan muutosten perusteella. Sinulla voi esimerkiksi olla kuuntelija alikomponentissa, joka päivittää käyttöliittymänsä yläkomponenttinsa tilan muutosten perusteella.

Tässä on esimerkki kuuntelijan käyttämisestä Reactissa:

``` jsx

tuo React, { useState } kentästä 'react';

const ParentComponent =() => {

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

paluu (

);

};

const ChildComponent =({ count }) => {

useEffect(() => {

// Tätä funktiota kutsutaan joka kerta, kun "count" prop muuttuu

console.log(`Laskuri muutettu arvoon ${count}`);

}, [määrä]);

paluu (

);

};

Vie oletusarvo ParentComponent;

```

Tässä esimerkissä "ChildComponent" sisältää kuuntelijan, jota kutsutaan aina, kun "count"-ehdotus muuttuu. Kuuntelija kirjaa uuden määrän konsoliin.