使用 Underscore debounce [React] 获取事件对象

Question

我正在尝试对我设法做到的操作使用 debounce，但是我想将 e 作为参数传递，但它不起作用。有什么办法可以做到吗？

 constructor(props, context) {
    super(props, context);
    this.testing = _.debounce(this.testing.bind(this), 2000);
}

 @action testing(e) {
     alert("debounced!!");
     //use e.target ... 
   }

如果我拿走 e 它将进入函数，否则不会。我应该怎么做才能解决这个问题？

Answer 1

您可以使用 event.persist() 将事件传递给 debounce 方法。

根据 DOCS：

如果你想以asynchronous 的方式访问事件属性，你 应该在事件上调用event.persist()，这将删除 池中的合成事件，并允许对该事件的引用 由用户代码保留。

所以你可以把事件当作

constructor(props, context) {
    super(props, context);
    this.testing = _.debounce(this.testing.bind(this), 2000);
}

 @action testing(e) {
     alert("debounced!!");
     //use e.target ... 
   }
onChange = (e) => {
    e.persist();
    this.testing(e);
}

Answer 2

分配this.testing后，

this.testing = _.debounce(this.testing.bind(this), 2000);

在某些情况下，您应该使用参数调用该方法

onSumbit(e){
    this.testing(e);
}

类似的东西