Los oyentes son útiles cuando desea actualizar la interfaz de usuario de un componente en función de los cambios en el estado de otro componente. Por ejemplo, podría tener un oyente en un componente secundario que actualice su interfaz de usuario en función de los cambios en el estado de su componente principal.
Aquí hay un ejemplo de cómo usar un oyente en React:
```jsx
importar React, {useState} de 'react';
const componente principal =() => {
const [recuento, setCount] =useState(0);
devolver (
);
};
const ChildComponent =({ recuento }) => {
utilizarEfecto(() => {
// Esta función se llamará cada vez que cambie la propiedad `count`
console.log(`El recuento cambió a ${count}`);
}, [contar]);
devolver (
El recuento es {count}.
);
};
exportar el componente principal predeterminado;
```
En este ejemplo, `ChildComponent` tiene un oyente al que se llama cada vez que cambia la propiedad `count`. El oyente registra el nuevo recuento en la consola.