React useEffect tetikleyicileri belirlerken hata çıkıyor

249873 · 28 Kasım 2022

Türkçe Meal'i:
React Hook UseEffect'te eksik bağımlılıklar var: 'navigate' ve 'setUser'. Bunları dahil edin veya bağımlılık dizisini kaldırın.

Neden böyle bir uyarı alıyorum? Uygulamanın çalışmasında Client kısmında hiçbir hata yok. Sadece VS Code terminalinde uyarıyı alıyorum. Ne yapabilirim?

bitwise · 28 Kasım 2022

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

249873 · 28 Kasım 2022

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

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.

kaan.w · 28 Kasım 2022

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

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

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

useCallback kullanman gerektiğini söylüyor.

JavaScript:

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

bonz · 28 Kasım 2022

Hocam alakasız tema nedir?

249873 · 28 Kasım 2022

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:

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

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:

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

serhatc4nn dedi:
Hocam alakasız tema nedir?

Atom one dark olması lazım.

kaan.w · 28 Kasım 2022

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:

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.

Bu kullanım daha doğrudur hocam.

bitwise · 28 Kasım 2022

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.

Evet, ben de diyorum ki Warning olmamali, Error olmali ve hatayi direkt react vermeli. Functional component implicit input almamali cunku. Buradaki "Functional component" sozunden kastim React'takiler degil, function paradigmasindaki component'lar. Pure function degil cunku yazilan.

249873 · 28 Kasım 2022

Kxaan dedi:
Bu kullanım daha doğrudur hocam.

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

JavaScript:

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

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

kaan.w · 28 Kasım 2022

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

JavaScript:

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

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

Ne hatası veriyor hocam? Böyle deneyebilirsiniz.

JavaScript:

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

React useEffect tetikleyicileri belirlerken hata çıkıyor

249873

Kilopat

bitwise

Gigapat

249873

Kilopat

kaan.w

Megapat

bonz

Gigapat

249873

Kilopat

kaan.w

Megapat

bitwise

Gigapat

249873

Kilopat

kaan.w

Megapat