Słuchacze to komponenty w React, które pozwalają subskrybować zmiany stanu komponentu. Gdy stan komponentu ulegnie zmianie, słuchacz zostanie wywołany z nowym stanem jako argumentem.

Odbiorniki są przydatne, gdy chcesz zaktualizować interfejs użytkownika komponentu w oparciu o zmiany stanu innego komponentu. Na przykład możesz mieć odbiornik w komponencie podrzędnym, który aktualizuje swój interfejs użytkownika na podstawie zmian w stanie komponentu nadrzędnego.

Oto przykład użycia słuchacza w React:

```jsx

importuj reakcję, {useState } z „reaguj”;

constKomponent nadrzędny =() => {

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

powrót (

);

};

constKomponent potomny =({ liczba }) => {

użyjEfektu(() => {

// Ta funkcja będzie wywoływana za każdym razem, gdy zmieni się właściwość `count`

console.log(`Liczba zmieniona na ${count}`);

}, [liczyć]);

powrót (

);

};

eksportuj domyślny komponent nadrzędny;

```

W tym przykładzie `ChildComponent` ma słuchacza, który jest wywoływany za każdym razem, gdy zmienia się właściwość `count`. Odbiornik rejestruje nową liczbę w konsoli.