为何React事件要自己绑定this?
在上面提到的事件处理流程中, React
在 document
上进行统一的事件分发, dispatchEvent
通过循环调用所有层级的事件来模拟事件冒泡和捕获。
在 React
源码中,当具体到某一事件处理函数将要调用时,将调用 invokeGuardedCallback
方法。
function invokeGuardedCallback(name, func, a) { try { func(a); } catch (x) { if (caughtError === null) { caughtError = x; } } }
可见,事件处理函数是直接调用的,并没有指定调用的组件,所以不进行手动绑定的情况下直接获取到的 this
是不准确的,所以我们需要手动将当前组件绑定到 this
上。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 为何React事件要自己绑定this?
码云笔记 » 为何React事件要自己绑定this?