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

Question

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

将事件处理程序标记为“被动”以使页面更加响应。

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

bindEventListeners()
{
    EventContainer.readWindowEvent('scroll', this.onScroll);
}

这是我的EventContainer中的readWindowEvent函数。js文件：

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

有人知道我做错了什么吗？

任何帮助都很感激！

Answer 1

没有任何理由让滚动监听器被动！请仔细阅读文档-任何触摸轮

Answer 2

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

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

希望这对将来的人有帮助！