2022年前React.js 面试题总结.pdf下载(超详细,附答案).pdf

"React.js 面试题总结" 在 React 中，事件机制是通过事件代理的方式来实现的。React 并不是将点击事件绑定到真实的 DOM 上，而是在 document 处监听了所有的事件，当事件发生并且冒泡到 document 处的时候，React 将事件内容封装并交由真正的处理函数运作。这样的方式不仅减少了内存的消耗，还能在组件挂载销毁时统一订阅和移除事件。 React 的事件和普通的 HTML 事件有所不同。对于事件名称命名方式，原生事件为全小写，React 事件采用小驼峰；对于事件函数处理语法，原生事件为字符串，React 事件为函数；React 事件不能采用 return false 的方式来阻止浏览器的默认行为，而必须明确地调用 preventDefault() 来阻止默认行为。 React 的合成事件是 React 模拟原生 DOM 事件所有能力的一个事件对象，其优点如下：兼容所有浏览器，更好的跨平台；将事件统一存放在一个数组，避免频繁的新增与删除（垃圾回收）；方便 React 统一管理和事务机制。 React 组件中可以通过事件代理来处理事件。事件代理是指 React 将所有的事件绑定到结构的最外层，使得统一的事件监听器上维持了一个映射来保存所有组件内部事件监听和处理函数。 在 React 中，有三种主要的代码复用方式：高阶组件（HOC）、Render props 和 Hooks。高阶组件是 React 中用于复用组件逻辑的一种高级技巧。Render props 是指一种在 React 组件之间使用一个值为函数的 prop 共享代码的简单技术。Hooks 是一种更加简单的代码复用方式，可以帮助减少嵌套。 React 的事件机制是通过事件代理和合成事件来实现的，高阶组件、Render props 和 Hooks 是 React 中主要的代码复用方式。