Здравствуйте, кто знает как затригерить useEffect когда у меня вызывается

Question

Здравствуйте, кто знает как затригерить useEffect когда у меня вызывается

функция обернутая в useCallback? указываю зависимости но useEffect не реагирует(. Как сделать чтоб при вызове useCallback у меня useEffect срабатывал?

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

0

18.10.2020

3 ответов

13 просмотров

Roma Автор вопроса

Konstantin Fateev
Покажи код

Работа хука: хук принимает в себя 2 аргумента: 1) Обязательный: callback функция (я её беру из своего api сервиса) которая должна вызываться в triggerFetch и useEffect после чего отдать данные 2)Опциональный: сам же аргумент который прилетает в эту же функции. (в хуке думаю разберетесь); Примеры использования 1 Вариант использования: const { getPopularItemsList } = service; const { data, loading, triggerFetch } = useData(getElementById, 5); 2 Вариант использования где-то в другой части приложении где я спускаю triggerFetch: const { getElementById } = service; <button onClick={() => triggerFetch(getElementById, 2)}> Получить 2 элемент</button> Пример фукнций в сервисе getElementById = async id => { const res = await this._getResource(`${baseUrl}/lookup.php?i=${id}`); return res; }; Сама реализация хука: import { useState, useEffect, useCallback } from 'react'; const useData = (requestData, arg) => { const [data, setData] = useState(null); const [loading, setLoading] = useState(false); const [error, setError] = useState(false); const triggerFetch = useCallback(() => { return requestData(arg); }, [requestData, arg]); useEffect(() => { let cancelled = false; // setLoading(true); triggerFetch().then(response => { if (!cancelled) { setData(response); setLoading(false); } }).catch(err => setError(true)); return () => { cancelled = true }; }, [triggerFetch]); return { data, loading, error, triggerFetch }; } export default useData;

0

18.10.2020

Roma Автор вопроса

Konstantin Fateev
Покажи код

0

18.10.2020

Konstantin Fateev · Accepted Answer

Konstantin Fateev

Покажи код

0

18.10.2020

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

Здравствуйте, кто знает как затригерить useEffect когда у меня вызывается

3 ответов

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