So aktualisieren Sie die Abhängigkeiten einer React-Komponente in useEffect, ohne eine Endlosschleife zu erstellen

Question

Ich habe eine React-Komponente, in der ich warten muss, bis ein gespeicherter Wert (Mitglied) aktualisiert wird, und dann ein Mitglied basierend auf einer Bedingung löschen muss, bevor ich den gespeicherten Wert festlege. Dadurch entsteht jedoch offensichtlich eine Schleife.

useEffect(() => {
    if(members.length > 0) {
        setMembers(members.filter((item) => item.name != 'Bob'));
    }

}, [members]);

Gibt es eine gute Möglichkeit, dieses Problem zu lösen? Aufgrund meiner Anwendungskonfiguration muss ich dies unbedingt in dieser Komponente tun.

Answer 1

您可以尝试使用更新器状态 const [update, setUpdate] = useState(false)，并将 update 作为依赖数组。在成员列表更新时，使用 setUpdate(!update)。