debounce.js

/** When the function returned by debounce is executed multiple times before a specified time,
 * the function passed into debounce is not executed. It is only executed if the time elapsed is greater than specified.
 * @param {function} fn - the function to be debounced
 * @param {number} time - the time in ms before executing fn
 */
const debounce = (fn, time) => {
  let timer;

  return function() {
    clearTimeout(timer);
    timer = setTimeout(() => fn.apply(fn, arguments), time);
  };
};



// Use in React

import React from 'react';

class Comp extends React.Component {
  constructor() {
    super();
    
    // First bind it, then debounce it
    this.someFunction = this.someFunction.bind(this);
    this.someFunction = debounce(this.someFunction, 700);
  }
  
  someFunction() {
    
  }
  
  render() {
    <input onChange={this.someFunction} />
  }
}