如何去除反应组件内部的redux动作

Question

所以我试图在反应组件内部去除一些动作。

import React, {Component} from "react";
import debounce from "lodash/debounce";
...

@connect(
  mapStateToProps,
  {someAction}
)
class SomeClass extends Component {
  constructor(props) {
    ...
    this.debouncedAction = debounce(props.someAction, 300);// someAction works ok
  }

  onSomeEvent = (...args) => {
   this.debouncedAction(args); // this does not work
  }
}

因此不会调用修改后的debouncedAction 。 有没有办法在mapStateToProps创建额外的操作而不做？ 我需要保留两者，因为一个用于过滤第二次（去抖动）用于搜索。

Answer 1

绝对有可能去除事件处理程序，然后使用该操作。

class SomeClass extends Component {

  // Debounce the event handler here instead
  onSomeEvent = debounce((...args) => {
    const { someAction } = this.props;
    someAction(...args);
  }, 300)

  // ...
}

它还确保每次执行事件回调时，它都使用当前的prop值，因此它始终是最新的。