React useEffect tetikleyicileri belirlerken hata çıkıyor

bitwise dedi:

UseEffect icinde dependency olarak setUser ve Navigate'i de eklemelisin.
Bunun warning degil, error olmasi gerekiyor; ilerleyen versiyonlarda cozerler.

Genişletmek için tıkla...

bitwise dedi:

useEffect icinde dependency olarak setUser ve navigate 'i de eklemelisin.
Bunun warning degil, error olmasi gerekiyor; ilerleyen versiyonlarda cozerler.

Genişletmek için tıkla...

mahmutxd07 dedi:

Nasıl yani username, setuser, navigate gibi mi?

Ama ben sadece userName var ve yok olarak ayarladım ona göre tetiklenmesini istiyorum.

Ve eklediğimde yeni uyarı alıyorum.

Eki Görüntüle 1587576

Eki Görüntüle 1587575

Genişletmek için tıkla...

const setUser = useCallback((user) => {
    dispatch(
        setUserLoginDetails({
            name: user.displayName,
            email: user.email,
            photo: user.photoURL,
        });
    );
}, []);

Kxaan dedi:

Hocam uyarıyı ESLint veriyor, React değil. Hatalı değil ama böyle olursa stil yönergelerine daha uygun olur demek istiyor.

useCallback kullanman gerektiğini söylüyor.

JavaScript:Panoya kopyala

const setUser = useCallback((user) => {
 dispatch(
 setUserLoginDetails({
 name: user.displayName,
 email: user.email,
 photo: user.photoURL,
 });
 );
}, []);

Genişletmek için tıkla...

 useEffect(() => {
 // BU NE İŞE YARIYOR TAM ANLAYAMADIM..
 auth.onAuthStateChanged(async (user) => {
 if (user) {
 setUser(user);
 navigate("/home");
 } else {
 navigate("/");
 }
 });
 }, [userName, navigate, setUser]);

serhatcandev dedi:

Hocam alakasız tema nedir?

Genişletmek için tıkla...

mahmutxd07 dedi:

Hocam peki bu kullanım Doğru mu? Şu an tüm hatalar gitti sağ olun. Ama Navigate ve setUser olması sanki hata yaratabilir gibi hissettim.

JavaScript:Panoya kopyala

 useEffect(() => {
 // BU NE İŞE YARIYOR TAM ANLAYAMADIM..
 auth.onAuthStateChanged(async (user) => {
 if (user) {
 setUser(user);
 navigate("/home");
 } else {
 navigate("/");
 }
 });
 }, [userName, navigate, setUser]);

Atom one dark olması lazım.

Genişletmek için tıkla...

Kxaan dedi:

Hocam uyarıyı ESLint veriyor, React değil. Hatalı değil ama böyle olursa stil yönergelerine daha uygun olur demek istiyor.

Genişletmek için tıkla...

Kxaan dedi:

Bu kullanım daha doğrudur hocam.

Genişletmek için tıkla...

const setUser = useCallback((user) => {
 dispatch(
 setUserLoginDetails({
 name: user.displayName,
 email: user.email,
 photo: user.photoURL,
 });
 );
}, []);

mahmutxd07 dedi:

Bu arada yine hata aldım eski uyarı aldığım haline döndüm.

JavaScript:Panoya kopyala

const setUser = useCallback((user) => {
 dispatch(
 setUserLoginDetails({
 name: user.displayName,
 email: user.email,
 photo: user.photoURL,
 });
 );
}, []);

Bunu yapınca firebase kısmı hata veriyor.

Genişletmek için tıkla...

const setUser = useCallback((user) => {
    dispatch(
        setUserLoginDetails({
            name: user.displayName,
            email: user.email,
             photo: user.photoURL,
         });
     );
}, [user]);