无法_.debounce并更改react.js中的状态

时间:2019-09-05 10:31:15

标签: node.js reactjs lodash

我正在尝试使用lodash的反跳方法来切换滚动发生后500毫秒处于状态的布尔值。

我一直在寻找关于SO的响应,但是这些都没有帮助我解决此问题。这似乎很简单,所以可能有些我没得到。

状态为:

constructor(props) {
    super(props);
    this.state = {
       isScrolling: false
    }
 }

componentDidMount部分是:

   componentDidMount(){
    window.addEventListener('scroll', this.handleScroll, true);
    window.addEventListener('scroll', _.debounce(() => {
      this.setState({
        isScrolling: false
      })
    }, 500))
 }

滚动功能是:

    handleScroll = (event) => {
      this.setState({
        isScrolling: true
      })
    };

在我的chrome浏览器中。工具,我发现开始滚动时isScrolling切换为true,但是debounce方法没有将back切换为false。我在做什么错了?

1 个答案:

答案 0 :(得分:0)

编辑-我的代码是正确的,但是这段CSS代码阻止了正确的行为发生:

*/