Skip to main content

useThrottle

用于设置节流值的 hooks。

引入​

import {useThrottle} from '@baidu/acud-pro-components';

基本用法​

function App() {
    const [value, setValue] = useState();
    const throttleValue = useThrottle(value, {wait: 1000});

    return (
        <>
            <Input value={value} onChange={e => setValue(e.target.value)} />
            <p>ThrottledValue: {throttleValue}</p>
        </>
    );
}

API​

const throttledValue = useThrottle(
    value: any,
    options?: Options
);

Params​

参数说明类型默认值
value需要节流的值any--
options配置节流的行为Options--

Options​

参数说明类型默认值
wait等待时间，单位为毫秒number1000
leading是否在延迟开始前调用函数booleanfalse
trailing是否在延迟开始后调用函数booleantrue