首先，你需要安装 lodash 库：

npminstall lodash

然后，在你的 React 组件中引入 lodash：

import _ from 'lodash';

接着，你可以使用 _.debounce 方法来对你的事件处理函数进行防抖。例如，在你的组件中有一个输入框，当输入框内容发生变化时你希望触发一个事件处理函数，但是只有在用户停止输入一段时间后才真正触发，那么你可以这样写：

import _ from 'lodash';

class MyComponent extends React.Component {
  handleChange = _.debounce((event) => {
    // 处理事件
  }, 300);

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

在这个例子中，我们使用了 _.debounce 方法来包装我们的事件处理函数 handleChange。_.debounce 方法接受两个参数：

• 第一个参数是我们要进行防抖的函数。
• 第二个参数是延迟的时间，单位是毫秒。

在上面的例子中，我们设置了延迟时间为 300 毫秒。这意味着，当用户在输入框中输入内容时，每隔 300 毫秒，handleChange 函数就会被调用一次。

注意，这里的防抖是在组件级别进行的，也就是说，如果你有多个输入框，它们的防抖