shfshanyue / Daily-Question

互联网大厂内推及大厂面经整理,并且每天一道面试题推送。每天五分钟,半年大厂中
https://q.shanyue.tech
4.87k stars 504 forks source link

【Q752】实现 useDebouncedCallback #808

Open shfshanyue opened 3 months ago

shfshanyue commented 3 months ago

类似 useDebouncedCallback

示例如下


function Input() {
  const [value, setValue] = useState('');

  const handleChange = useDebouncedCallback(
    (value) => {
      setValue(value);
    },
    1000
  );

  return (
    <div>
      <input
        onChange={(e) => handleChange(e.target.value)}
      />
      <p>{value}</p>
    </div>
  );
}