[React]debounce하는법

코드왕·2023년 8월 2일
0

1.무분별한 get요청을 막기 위해 일정 시간 delay를 둠

  useEffect(()=>{
    const debounce = setTimeout(() => {
      getArticles();
    }, 200);
    return () => {
      clearTimeout(debounce);
    };
  },[keyword])
  1. lodash 이용하는법
import {debounce} from 'lodash';
import {useCallback} from 'react;

const handleSearch=(value)=>{
console.log('location:',value)
}

const handleTextDebounce=useCallback(debounce(handleSearch,1200),[])
profile
CODE DIVE!

0개의 댓글