/
kaws
/
ui-kit-ce
Обзор
Документация
Войти
/
kaws
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/hooks/examples/ThrottleExample.tsx
41 строка
929 B
Denis Svyatovets
refactor: правки для работы с next 15
10 июн 2025, 12:52
10 июн 2025, 12:52
1b1b5f4
Код
Авторство
О чём код?
import * as React from 'react' import { useThrottle, Text } from '@v-uik/base' type ThrottleExampleProps = { onSubmit?: (value: string[]) => void } export const ThrottleExample: React.FC<ThrottleExampleProps> = ({ onSubmit, }) => { const [data, setData] = React.useState([] as string[]) const setThrottledText = useThrottle(setData, 1000) const handleScroll = () => { setThrottledText((prev) => [...prev, 'onScroll']) } React.useEffect(() => { onSubmit?.(data) }, [data, onSubmit]) return ( <div style={{ width: '100%', height: 300, overflowY: 'scroll' }} onScroll={handleScroll} > <div style={{ height: 800, width: '100%', background: 'rgb(239, 243, 244)', display: 'flex', justifyContent: 'center', paddingTop: 40, }} > <Text>Scroll Me Please</Text> </div> </div> ) }