Οι συσκευές ακρόασης είναι χρήσιμες όταν θέλετε να ενημερώσετε τη διεπαφή χρήστη ενός στοιχείου με βάση τις αλλαγές στην κατάσταση ενός άλλου στοιχείου. Για παράδειγμα, θα μπορούσατε να έχετε έναν ακροατή σε ένα θυγατρικό στοιχείο που ενημερώνει τη διεπαφή χρήστη του με βάση τις αλλαγές στην κατάσταση του γονικού στοιχείου.
Ακολουθεί ένα παράδειγμα του τρόπου χρήσης ενός ακροατή στο React:
```jsx
εισαγωγή React, { useState } από το 'react';
const ParentComponent =() => {
const [count, setCount] =useState(0);
επιστροφή (
)
};
const ChildComponent =({ count }) => {
useEffect(() => {
// Αυτή η συνάρτηση θα καλείται κάθε φορά που αλλάζει το prop «count».
console.log(`Ο αριθμός άλλαξε σε ${count}`);
}, [count]);
επιστροφή (
Η μέτρηση είναι {count}.
)
};
εξαγωγή προεπιλογή ParentComponent.
```
Σε αυτό το παράδειγμα, το "ChildComponent" έχει έναν ακροατή που καλείται κάθε φορά που αλλάζει το "count" prop. Ο ακροατής καταγράφει τη νέα καταμέτρηση στην κονσόλα.