/
gsam
/
ui-kit-ce
Обзор
Документация
Войти
/
gsam
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/hooks/examples/DebounceExample.tsx
28 строк
666 B
Denis Svyatovets
refactor: правки для работы с next 15
10 июн 2025, 12:52
10 июн 2025, 12:52
1b1b5f4
Код
Авторство
О чём код?
import * as React from 'react' import { useDebounce, Input } from '@v-uik/base' type DebounceExampleProps = { onSubmit?: (value: string) => void } export const DebounceExample: React.FC<DebounceExampleProps> = ({ // eslint-disable-next-line @typescript-eslint/no-empty-function onSubmit = () => {}, }) => { const [value, setValue] = React.useState('') const setDebouncedText = useDebounce(onSubmit, 1000) const handleChange = (value: string) => { setValue(value) setDebouncedText(value) } return ( <Input label="Search" placeholder="Insert Your Search Query" value={value} onChange={handleChange} /> ) }