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

react passive event handler for a scroll

本文关键字：事件处理 程序 被动 React 滚动 用于      更新时间：2023-09-26

我有一个事件处理程序的滚动在我的反应，我试图使其被动。但是它不工作，我一直在我的控制台中得到这个警告:

考虑将事件处理程序标记为"被动"，以使页面更多responive .

这里是我读取事件的地方:

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

这是我的readWindowEvent函数在我的EventContainer.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;
    }

这一行:

{被动:被动}

我在编辑器中得到以下错误:

参数类型{被动:boolean}不能赋值给参数类型boolean

有人知道我在这里做错了什么吗?

任何帮助都是感激的!

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

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

希望这对将来的人有所帮助!

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

相关文章：