/
Korablik
/
Developer
Обзор
Документация
Войти
/
Korablik
/
Developer
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/context/SearchTextContextProvider.tsx
34 строки
801 B
Korablevsky
fixFinal
26 мар 2024, 20:29
26 мар 2024, 20:29
ef55868
Код
Авторство
О чём код?
import { createContext, useState } from 'react' import { useDebounce } from '../lib/hooks' export type SearchTextContext = { searchText: string debouncedSearchText: string handleChangeSearchText: (newSearchText: string) => void } export const SearchTextContext = createContext<SearchTextContext | null>(null) export default function SearchTextContextProvider({ children, }: { children: React.ReactNode }) { const [searchText, setSearchText] = useState('') const debouncedSearchText = useDebounce(searchText, 250) const handleChangeSearchText = (newSearchText: string) => { setSearchText(newSearchText) } return ( <SearchTextContext.Provider value={{ searchText, debouncedSearchText, handleChangeSearchText, }} > {children} </SearchTextContext.Provider> ) }