Comment mettre à jour les dépendances d'un composant React dans useEffect sans créer de boucle infinie

Question

J'ai un composant React dans lequel je dois attendre qu'une valeur stockée (membre) soit mise à jour, puis supprimer un membre en fonction d'une condition avant de définir la valeur stockée. Cependant, cela crée évidemment une boucle.

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

}, [members]);

Existe-t-il un bon moyen de résoudre ce problème ? Sur la base de la configuration de mon application, j'ai vraiment besoin de le faire dans ce composant.

Answer 1

Vous pouvez essayer d'utiliser le statut de mise à jour const [update, setUpdate] = useState(false)，并将 update 作为依赖数组。在成员列表更新时，使用 setUpdate(!update).