• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

161
Views
Debounce function doesn not work in React

I'm trying to implement debounce when a user types in an input field in React.

 <TextField
    onChange={handleUsername}
 />

Input handler:

const handleTwitterUsername = (value: any) => {
    console.log({ value })
    debounce(() => {
      // setUserData({ ...userData, username: value })
      console.log('debounce value', value)
    })
  }

Debounce function:

const debounce = (cb: any, delay = 1000) => {
    let timeout: any
    return (...args: any[]) => {
      clearTimeout(timeout)
      timeout = setTimeout(() => {
        cb(...args)
      }, delay)
    }
  }

When I start typing, I get logs of value but there are no logs of debounce value. Debounce doesn't seem to work.

What am I doing wrong?

about 3 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error