Javascript 用于滚动的react被动事件处理程序

Javascript 用于滚动的react被动事件处理程序,javascript,reactjs,events,event-handling,dom-events,Javascript,Reactjs,Events,Event Handling,Dom Events,我的react中有一个滚动的事件处理程序,我正试图使它成为被动的。但它不起作用,我在控制台中不断收到以下警告: 考虑将事件处理程序标记为“被动”以使页面更加 负责任的 下面是我阅读事件的地方: bindEventListeners() { EventContainer.readWindowEvent('scroll', this.onScroll); } 下面是我的EventContainer.js文件中的readWindowEvent函数: static readWindowEven

我的react中有一个滚动的事件处理程序,我正试图使它成为被动的。但它不起作用,我在控制台中不断收到以下警告:

考虑将事件处理程序标记为“被动”以使页面更加 负责任的

下面是我阅读事件的地方:

bindEventListeners()
{
    EventContainer.readWindowEvent('scroll', this.onScroll);
}
下面是我的EventContainer.js文件中的
readWindowEvent
函数:

static readWindowEvent(slug, callback, passive = true)
    {
        let result = null;

        let allowed = this.getAllowedWindowEventListeners().indexOf(slug) != -1;

        if (!allowed) {
            result = console.error(
                'You cannot register ' + slug + ' on the window. Allowed events: ' +
                this.getAllowedWindowEventListeners().join(', ')
            )
        }

        if (allowed) {
            result = window.addEventListener(
                slug,
                callback,
                {passive: passive}
            );
        }

        return result;
    }
在这一行:

{被动:被动}

我的编辑器中出现以下错误:

参数类型{passive:boolean}不可分配给参数类型boolean

有人知道我做错了什么吗


感谢您的帮助

现在回答可能有点晚,但我也有同样的问题。解决方法是对传入的对象使用
any
-类型:

let passiveObject: any = { passive: true }
obj.addEventListener(evt, func, passiveObject)

希望这对将来的人有帮助

没有任何理由让滚动监听器处于被动状态!
请仔细阅读文档-滚动div中的任何触摸轮和点击监听器都必须是被动的-被动监听器的主要目标是

将函数参数更改为
(slug,callback,passive)
,并将
addEventListener()
中的第三个参数更改为
{passive:passive==true}
@Archer很遗憾,我的编辑器中也出现了同样的错误。我编译了react,并在控制台中运行了getEventListeners,它仍然显示被动:false:'(很抱歉,这没用。我看不出代码有什么问题,如果你只是在浏览器控制台中用一个简单的1行程序来模拟它,它就工作得很好。可能是某个特定的反应,在这种情况下我帮不上忙。希望有人能来!如果div没有滚动,而是通过滚轮缩放呢?就像地图一样?你当然可以在这种情况下,t可防止滚动事件出现默认值。