「2021」⾼频前端⾯试题汇总之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页未读，继续阅读
资源评论
zzff132022-10-16非常有用的资源，可以直接使用，对我很有用，果断支持！- zhaijizhe2022-07-15实在是宝藏资源、宝藏分享者！感谢大佬~
- 长理小彦祖2022-03-11用户下载后在一定时间内未进行评价，系统默认好评。
