Zuhörer sind Komponenten in React, mit denen Sie Änderungen im Zustand einer Komponente abonnieren können. Wenn sich der Zustand der Komponente ändert, wird der Listener mit dem neuen Zustand als Argument aufgerufen.

Listener sind nützlich, wenn Sie die Benutzeroberfläche einer Komponente basierend auf Änderungen im Status einer anderen Komponente aktualisieren möchten. Sie könnten beispielsweise einen Listener in einer untergeordneten Komponente haben, der seine Benutzeroberfläche basierend auf Änderungen im Status der übergeordneten Komponente aktualisiert.

Hier ist ein Beispiel für die Verwendung eines Listeners in React:

„jsx

import React, { useState } from 'react';

const ParentComponent =() => {

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

zurückkehren (

);

};

const ChildComponent =({ count }) => {

useEffect(() => {

// Diese Funktion wird jedes Mal aufgerufen, wenn sich die Stütze „count“ ändert

console.log(`Anzahl geändert in ${count}`);

}, [zählen]);

zurückkehren (

);

};

Standard-ParentComponent exportieren;

„

In diesem Beispiel verfügt die „ChildComponent“ über einen Listener, der jedes Mal aufgerufen wird, wenn sich die „count“-Requisite ändert. Der Listener protokolliert die neue Anzahl an der Konsole.