v2.5.2
Giriş yap

React hooks ile grapql kullanımı

selim
316 defa görüntülendi

Merhaba, react ile qraphql kullanıyorum ve servis işlemi bittiğinde (loading false olduğunda) count değişkenimi 2 yapıyorum. Fakat scroll ile triggerladığımda console.log ta hala 1 olarak görünmekte. Neden böyle ? useState ile denedim o şekilde de hata aldım.

const count = 1;

  useEffect(() => {
    window.addEventListener('scroll', scrollTrigger);
  }, []);

const { loading, data } = useQuery(GET_CHARACTERS, {
    variables: { page },
  });
  if(!loading) count = 2
  
  const scrollTrigger = _ => {
    if(window.scrollY + window.innerHeight >=
        document.documentElement.scrollHeight) {
      console.log(count)
    }
  }
Cevap yaz
Cevaplar (2)
selim
828 gün önce

@yasinatesim count yada loading yazınca orası sürekli çalışıyor. Listeneer başlatıyorum ve bir kere çalışması yeterli benim için.

yasinatesim
828 gün önce

useeffect'i kullanırken, ikinci parametre olarak [] verirsen component ilk yüklendiğinde calisır ve bir daha oraya girmez, console da aldığın hata ondan kaynklı olabilir. [count,loading] diye deneyebilir misin boş array yerine