リアクションネイティブ：ロダッシュデバウンスを使用する

Question

私はリアクションネイティブとロダッシュのデバウンスで遊んでいます。

次のコードを使用すると、デバウンスではなく遅延のように動作します。

"foo"のような入力を入力すると、コンソールにデバウンスログを1回だけ記録します。今は "デバウンス"を3回記録する。

Answer 1

デバウンス関数は、レンダリングメソッドの外側で定義する必要があります。これは、関数の同じインスタンスを呼び出すたびに呼び出すたびに、onChangeTextハンドラに入れたときに新しいインスタンスを作成することに反対します関数。

デバウンス機能を定義する最も一般的な場所はコンポーネントのオブジェクトです。

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

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

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