栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

在React中的回调内部访问event.target

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在React中的回调内部访问event.target

SyntheticEvent

根据 DOC

SyntheticEvent已合并。这意味着在调用事件回调之后,将重新使用SyntheticEvent对象,并且所有属性都将无效。这是出于性能原因。

例:

function onClick(event) {   console.log(event.type); // => "click"   const eventType = event.type; // => "click"   setTimeout(function() {      console.log(event.type); // => null      console.log(eventType); // => "click"   }, 0);    }

如何访问回调中的值?

将值存储在变量中:

如果要在超时回调函数中访问该值,则将该值存储在变量中并使用该变量,而不是直接使用事件对象。

function onClick(event) {   console.log(event.type); // => "click"   const { type } = event;   setTimeout(function() {      console.log(type);   // => click   }, 0);    }

使用event.persist():

如果要以异步方式访问事件属性,则应在事件上调用 event.persist() ,这将从池中删除综合事件,并允许用户代码保留对该事件的引用。

function onClick(event) {   event.persist();   console.log(event.type); // => "click"   setTimeout(function() {      console.log(event.type); // => click   }, 0);    }


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/636429.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号