Import React, { useEffect } from "react"; import { useSelector, useDispatch

Question

Import React, { useEffect } from "react"; import { useSelector, useDispatch

} from "react-redux";

import { changeLang, getStaticFields } from "../store/lang";

const useLang = () => {
const dispatch = useDispatch();
const lang = useSelector((state) => state.lang.data);
const currentLang = useSelector((state) => state.lang.currentLang)

useEffect(()=> {
dispatch(getStaticFields(currentLang))
}, [currentLang])

const changeLangAction = (tag) => {
if(tag === 'ru') {
dispatch(changeLang(tag));
} else if(tag === 'en') {
dispatch(changeLang(tag));
} else if (tag === 'kz') {
dispatch(changeLang(tag));
} else {
alert("FATAL ERRORR")
}
}

return {
lang
};
};

export default useLang;
Подскажите что здесь не так? почему useEffect срабатывает бесконечно если использую этот хук на нескольких компонентах?

#frontend #javascript #programming #react.js #russian

0

18.12.2020

1 ответов

9 просмотров

@xtx · Accepted Answer

@xtx

потому что useEffect без зависимостей === дидапдейт а там есть…

0

18.12.2020

169 похожих чатов

Import React, { useEffect } from "react"; import { useSelector, useDispatch

1 ответов

Похожие вопросы