Слушателите са полезни, когато искате да актуализирате потребителския интерфейс на компонент въз основа на промени в състоянието на друг компонент. Например, можете да имате слушател в дъщерен компонент, който актуализира своя потребителски интерфейс въз основа на промени в състоянието на своя родителски компонент.
Ето пример за това как да използвате слушател в React:
```jsx
импортиране на React, {useState} от 'react';
const ParentComponent =() => {
const [count, setCount] =useState(0);
връщане (
);
};
const ChildComponent =({ count }) => {
useEffect(() => {
// Тази функция ще се извиква всеки път, когато пропът `count` се промени
console.log(`Броят е променен на ${count}`);
}, [брой]);
връщане (
Броят е {count}.
);
};
експортиране по подразбиране ParentComponent;
```
В този пример `ChildComponent` има слушател, който се извиква всеки път, когато проп `count` се промени. Слушателят записва новия брой в конзолата.