React 2023高质量面试题顺利通过前端面试

weixin_38258315

已于 2023-02-28 12:05:32 修改

阅读量193

点赞数 1

文章标签： javascript react.js 前端 reactjs react

于 2023-02-28 11:24:30 首次发布

本文链接：https://blog.csdn.net/weixin_38258315/article/details/129257774

版权

react面试题

什么是 React？

React 是一个用于构建用户界面的 JavaScript 库，它由 Facebook 开发并维护。React 主要关注视图层的实现，采用组件化的开发方式，可以让代码更加模块化、可复用、易于维护。React 使用了一种称为 Virtual DOM 的机制来实现高效的 UI 更新，从而使得 React 应用程序具有更快的性能和更好的用户体验。

React 中什么是 Virtual DOM？

Virtual DOM 是 React 中的一个重要概念，它是一个轻量级的 JavaScript 对象，用于表示真实 DOM 中的节点。在 React 中，每个组件都有一个对应的 Virtual DOM，当组件状态发生变化时，React 会通过比较新旧 Virtual DOM 的差异，来确定需要更新的节点，然后只更新这些节点，从而实现高效的 UI 更新。

React 中组件的生命周期有哪些？

React 组件的生命周期包括：

Mounting（挂载）：组件第一次被渲染到 DOM 中时会触发这些生命周期方法。

constructor()：组件的构造函数，只会在组件挂载前调用一次。

static getDerivedStateFromProps()：该方法会在组件挂载之前调用，并且每次接收新的 props 时都会被调用，用于更新组件的 state。

render()：渲染组件，返回一个 React 元素。

componentDidMount()：组件挂载完成后会调用该方法，可以进行一些初始化操作，例如获取数据等。* Updating（更新）：当组件的 props 或 state 发生变化时，会触发这些生命周期方法。

static getDerivedStateFromProps()：该方法会在组件更新之前调用，并且每次接收新的 props 时都会被调用，用于更新组件的 state。

shouldComponentUpdate()：组件更新前会调用该方法，返回一个布尔值，用于决定是否需要进行更新。

render()：渲染组件，返回一个 React 元素。

getSnapshotBeforeUpdate()：在更新之前获取 DOM 元素的信息，例如滚动位置等。

componentDidUpdate()：组件更新完成后会调用该方法，可以进行一些操作，例如更新 DOM、发送请求等。* Unmounting（卸载）：当组件从 DOM 中被移除时会触发该生命周期方法。

componentWillUnmount()：组件被卸载前会调用该方法，可以进行一些清理操作，例如取消计时器、移除事件监听等。

什么是 React Hooks？

React Hooks 是 React 16.8 引入的一个新特性，它可以让我们在函数组件中使用 state 和其他 React 特性，从而让函数组件具备了类组件的一些功能。常用的 React Hooks 包括 useState、useEffect、useContext、useReducer、useCallback、useMemo 等。

useState Hook 是用来做什么的？

useState Hook 是 React 中用来管理组件内部状态的 Hook，它接受一个初始值作为参数，并返回一个包含两个值的数组，第一个值表示当前状态的值，第二个值是一个函数，用于更新状态。使用 useState Hook 可以让函数组件拥有类组件的 state 功能。

useEffect Hook 是用来做什么的？

useEffect Hook 是 React 中用来管理副作用的 Hook，它接受两个参数，第一个参数是一个回调函数，用于执行副作用逻辑，第二个参数是一个数组，用于指定 useEffect 的依赖项。当依赖项发生变化时，React 会重新调用 useEffect，从而执行副作用逻辑。常见的副作用包括发送网络请求、订阅事件、更新 DOM 等。