Мне необходимо, лишь один раз делать fetch запрос На данный код,

Question

Мне необходимо, лишь один раз делать fetch запрос На данный код,

выдается warning "React Hook useEffect has a missing dependency: 'query'."

При попытке добавлении в dependency query, начинается небольшой dos сервера, что делать?

const query = useQuery()
useEffect(() => {
fetch(`...{query.get('...')}`)
.then(value => value.json())
.then(json => setHouse(json))
}, [])

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

0

11.07.2021

10 ответов

36 просмотров

Misha Borisov Автор вопроса

да

0

11.07.2021

Misha Borisov Автор вопроса

upd, нет, https://reactrouter.com/web/example/query-parameters import {useLocation} from "react-router-dom"; export function useQuery() { return new URLSearchParams(useLocation().search); }

0

11.07.2021

Si

Мне кажется в данном случае можно пренебречь советами реакта, если значение query не изменяется и не будет изменяться нету смысла добавлять его в список зависимостей

0

11.07.2021

Misha Borisov Автор вопроса

Игнорирование таких warning, считается нормальной практикой?

0

11.07.2021

Si

Нет, я бы посоветовал вынести ваш фетч в отдельную функцию, примерно так const fetchSomething = () => { .... } и useEffect будет такой useEffect(() => { fetchSomething() }, [fetchSomething])

0

11.07.2021

Si

Ну ещё наверное стоит использовать функцию фетча через useCallback для мемоизации

0

11.07.2021

Misha Borisov Автор вопроса

Данная конструкция не решает проблему, многократного вызова fetch const query = useQuery() const fetchSomething = useCallback(() => { fetch(`...{query.get('...')}`) .then(value => value.json()) .then(json => setHouse(json)) }, [query]) useEffect(() => { fetchSomething() }, [fetchSomething])

0

11.07.2021

IceBerg

query одинаковый объект между рендерами ? Нет, судя по new

0

11.07.2021

Misha Borisov Автор вопроса

спасибо, покопаю в данном направлении

0

11.07.2021

Si · Accepted Answer

Si

хук useQuery из react-query?

0

11.07.2021

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

Мне необходимо, лишь один раз делать fetch запрос На данный код,

10 ответов

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