Как выполнить redux dispatch внутри useEffect?

Question

[vladislav3101]

const function Component = () => {
   const data = useSelector(state => state.data);
   
useEffect(async () => {
    const {token} = queryString.parse(location.search):
   const response = await fetch(...).then(res => res.json());
   if (!response.status) {
        dispatch(updateError(true));
   }
}, []);
};

Я получаю ожидаемый результат, но в console.log компонент обновляется бесконечно или большое кол-во раз

Answer 1

[black1277]

неправильно используете асинхронку с хуком useEffect. Нужно определить асинхронную функцию в теле хука и потом вызвать её. Вот тут подробнее https://www.robinwieruch.de/react-hooks-fetch-data