Is there a way to call first debounced callback without delay?

First callback without delay about use-debounce HOT 1 CLOSED

xnimorz commented on June 1, 2024

First callback without delay

from use-debounce.

Comments (1)

xnimorz commented on June 1, 2024 1

Hi, @ReTWi
You can deal with it using callPending method:

function Input() {
	const firstCall = useRef(true);
	const [debouncedCallback,,callPending] = useDebouncedCallback((value) => {
		console.log(value);
	}, 1000)

	return (
		<input onChange={(e) => {
			debouncedCallback(e.target.value);
			if (firstCall.current) {
				firstCall.current = false;
				callPending();
			}
		}}>
	);
}

from use-debounce.

Related Issues (20)

Bad example for useDebouncedCallback in README HOT 8
How do you mock useDebounce? HOT 5
` useDebouncedCallback` does not have ` equalityFn` option in the type definition. HOT 2
value controller reference changes on every render HOT 2
Add types to package.json export HOT 3
"leading: true" not working for v7 HOT 8
create-react-app 5 compatibility HOT 4
useDebouncedCallback does not update state when react-dev-tools is open HOT 2
errors in debounce fn are not propagated HOT 1
useDebouncedCallback gives incorrect import suggestion in VSCode HOT 2
Jest 28.0.0 and jest-environment-jsdom fails to import use-debounce in tests HOT 6
Seems like useDebouncedCallback is executing async functions in render scope HOT 2
use-debounce to auto-save multi input form HOT 1
useDebouncedCallback should return the callback function HOT 3
Cannot use import statement outside of a module - running with jest in ESM mode HOT 1
Cannot find module 'use-debounce' HOT 6
[9.0.1] TS7016: Could not find a declaration file for module 'use-debounce'. HOT 8
Not react hook? HOT 1
useDebouncedCallback - doesnt update when inner function updates HOT 2
API of hooks are not documented HOT 1

First callback without delay about use-debounce HOT 1 CLOSED

Comments (1)

Related Issues (20)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent