Cara mengemas kini kebergantungan komponen React dalam useEffect tanpa membuat gelung tak terhingga

Question

Saya mempunyai komponen React di mana saya perlu menunggu nilai yang disimpan (ahli) dikemas kini dan kemudian memadamkan ahli berdasarkan syarat sebelum menetapkan nilai yang disimpan. Walau bagaimanapun, ini jelas mewujudkan gelung.

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

}, [members]);

Adakah cara yang baik untuk menyelesaikan masalah ini? Berdasarkan persediaan aplikasi saya, saya benar-benar perlu melakukan ini dalam komponen ini.

Answer 1

Anda boleh cuba menggunakan status pengemas kini const [update, setUpdate] = useState(false)，并将 update 作为依赖数组。在成员列表更新时，使用 setUpdate(!update).