/
lelderbe
/
homework-react
Обзор
Документация
Войти
/
lelderbe
/
homework-react
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/hooks/useSearch.ts
20 строк
482 B
lelderbe
feat: add search, debounce, draft: get user api refactoring
18 май 2024, 10:42
18 май 2024, 10:42
d2e37f6
Код
Авторство
О чём код?
import { useEffect, useState } from 'react'; import { useSearchParams } from 'react-router-dom'; export function useSearch() { const [searchParams, setSearchParams] = useSearchParams(); const [search, setSearch] = useState(searchParams.get('q') || ''); useEffect(() => { setSearchParams((params) => { if (search === '') { params.delete('q'); } else { params.set('q', search); } return params; }); }, [search]); return [search, setSearch] as const; }