Debounce in sfx react

Question

The code I am using:

<TextField onChanged={e => this.handleCommChange(e, 'Contact')}

private handleCommChange(e: any, controlType: any): void {
    const { temp_items } = this.state;
    const value = e;

    this.setState({
      temp_items: {
        ...temp_items,
        [controlType]: value
      }
    });
    //console.log(controlType);
    console.log(this.state);
} 

I Want to implement debounce in SPFx web part created using react js.

Please help me.

Thanks.

Answer 1

You could leverage lodash debounce and wrap your method's body as the debounce parameter (callback)