デバウンスは機能を起動しません

Question

私はReactコンポーネントで作業しており、入力にはdebounceをバインドします。次のように私のコードは次のとおりです。

class Form extends React.Component { 
    constructor() { 
    ... 
    this.deb = this.deb.bind(this); 
    } 
    ... 

    this.deb() { 
    debounce(() => { console.log('bam'); }, 400, false); 
    } 

    render() { 
    return (
     <input 
     onChange={this.deb} 
     /> 
    ) 
    } 
} 

this.debでdebounceなしのすべてが動作します。私に何ができる？あなたはこの場合、コンストラクタで一度それを行う必要があるので、

Answer 1

debounceは、あなたが渡す機能の新しいデバウンスバージョンを作成します。おかげで）

class Form extends React.Component { 
    constructor(props) { 
    super(props); 
    this.deb = debounce(this.deb.bind(this), 400, false); 
    } 

    deb() { 
    console.log('bam'); 
    } 

    render() { 
    return <input onChange={this.deb} />; 
    } 
}