全面整理-带解析react面试题看到就是赚到了![珍藏版].pdf
版权申诉
140 浏览量
2021-12-15
13:52:49
上传
评论
收藏 3.54MB PDF 举报
React⾯试题
⼀、组件基础
1. React 事件机制
React并不是将click事件绑定到了div的真实DOM上，⽽是在document处监听了所有的事件，当事件发
⽣并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运⾏。这样的⽅式不仅
仅减少了内存的消耗，还能在组件挂在销毁时统⼀订阅和移除事件。
除此之外，冒泡到document上的事件也不是原⽣的浏览器事件，⽽是由react⾃⼰实现的合成事件
（SyntheticEvent）。因此如果不想要是事件冒泡的话应该调⽤event.preventDefault()⽅法，⽽
不是调⽤event.stopProppagation()⽅法。
JSX 上写的事件并没有绑定在对应的真实 DOM 上，⽽是通过事件代理的⽅式，将所有的事件都统⼀绑
定在了 document 上。这样的⽅式不仅减少了内存消耗，还能在组件挂载销毁时统⼀订阅和移除事件。
另外冒泡到 document 上的事件也不是原⽣浏览器事件，⽽是 React ⾃⼰实现的合成事件
（SyntheticEvent）。因此我们如果不想要事件冒泡的话，调⽤ event.stopPropagation 是⽆效
的，⽽应该调⽤ event.preventDefault 。
实现合成事件的⽬的如下：
合成事件⾸先抹平了浏览器之间的兼容问题，另外这是⼀个跨浏览器原⽣事件包装器，赋予了跨浏览
器开发的能⼒；
对于原⽣浏览器事件来说，浏览器会给监听器创建⼀个事件对象。如果你有很多的事件监听，那么就
<div onClick={this.handleClick.bind(this)}>点我</div>
复制代码
剩余119页未读，继续阅读
资源评论
