入门级React.js 面试题高级_助你面试顺利!(自己使用的资料).pdf

React.js 面试题高级 本资源摘要信息将会详细介绍 React.js 面试题高级的相关知识点，涵盖 React 事件机制、React 事件和普通的 HTML 事件的区别、React 组件中事件代理的原理、React 高阶组件、Render props、Hooks 的区别和特点等。 1. React 事件机制 React 并不是将 click 事件绑定到了 div 的真实 DOM 上，而是在 document 处监听了所有的事件，当事件发生并且冒泡到 document 处的时候，React 将事件内容封装并交由真正的处理函数运算。这样的方式不仅仅减少了内存的消耗，还能在组件挂载销毁时统一订阅和移除事件。 2. React 事件和普通的 HTML 事件有什么不同？ 对于事件名称命名方式，原生事件为全小写，React 事件采取小驼峰；对于事件函数处理语法，原生事件为字符串，React 事件为函数；React 事件不能采用 return false 的方式来阻止浏览器的默认行为，而必须要明确地调用 preventDefault() 来阻止默认行为。 3. React 组件中怎么做事件代理？它的原理是什么？ React 基于 Virtual DOM 实现了一个 SyntheticEvent 层（合成事件层），定义的事件处理器会接收到一个合成事件对象的实例，它符合 W3C 标准，且与原生的浏览器事件拥有相同的接口，支持冒泡机制，所有的事件都自动绑定在最外层上。在 React 底层，主要对合成事件做了两件事：事件委派和自动绑定。 4. React 高阶组件、Render props、Hooks 有什么区别，为什么要不断迭代？ 高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。Render props 是指一种在 React 组件之间使用一个值为函数的 prop 共享代码的简单技术。Hooks 是一种新的技术，能够帮助减少嵌套。它们三者都是 React 解决代码复用的主要方式，每种方式都有其特点和应用场景。 本资源摘要信息详细介绍了 React.js 面试题高级的相关知识点，涵盖 React 事件机制、React 事件和普通的 HTML 事件的区别、React 组件中事件代理的原理、React 高阶组件、Render props、Hooks 的区别和特点等，为 readers 提供了一个详细的了解 React.js 面试题高级的机会。