React Native : lodash 디 바운스 사용

Question

나는 React Native와 lodash의 디 바운싱을 가지고 놀고 있습니다.

다음 코드를 사용하면 디버빙이 아니라 지연처럼 작동합니다.

"foo"와 같은 입력을 입력하면 콘솔에 debounce를 한 번만 기록합니다. 지금은 "debounce"를 3 번 ​​기록합니다.

Answer 1

디버깅 기능은 렌더 메소드 외부에서 정의해야합니다. 사용자가 onChangeText 핸들러에 넣을 때와 같이 새로운 인스턴스를 생성하는 것과 반대되는 방식으로 함수의 동일한 인스턴스를 참조해야하기 때문입니다. 기능.

debounce 기능을 정의하는 가장 일반적인 장소는 구성 요소의 개체입니다. 다음은 예입니다 :

class MyComponent extends React.Component { 
    constructor() { 
    this.onChangeTextDelayed = _.debounce(this.onChangeText, 2000); 
    } 

    onChangeText(text) { 
    console.log("debouncing"); 
    } 

    render() { 
    return <Input onChangeText={this.onChangeTextDelayed} /> 
    } 
}