A figyelők akkor hasznosak, ha frissíteni szeretné egy összetevő felhasználói felületét egy másik összetevő állapotának változásai alapján. Például rendelkezhet egy figyelővel egy utódkomponensben, amely frissíti a felhasználói felületét a szülőkomponens állapotának változásai alapján.
Íme egy példa a figyelő használatára a Reactban:
``` jsx
import React, { useState } from 'react';
const ParentComponent =() => {
const [count, setCount] =useState(0);
vissza (
);
};
const ChildComponent =({ count }) => {
useEffect(() => {
// Ez a függvény minden alkalommal meghívásra kerül, amikor a "count" paraméter megváltozik
console.log(`A szám megváltozott:${count}`);
}, [számlálás]);
vissza (
A szám {count}.
);
};
alapértelmezett ParentComponent exportálása;
```
Ebben a példában a "ChildComponent"-nak van egy figyelője, amely minden alkalommal meghívásra kerül, amikor a "count" paraméter változik. A figyelő naplózza az új számot a konzolon.