2025 年最新 React 面试题集锦，不废话，直接上干货！本文会进行不间断的迭代更新，如有错误之处，还望大家指出！

suspense的字面意思就是悬而不决，用在平时开发中，就可以理解为还没有完成的事，你不知道啥时候完成。也就是异步，异步加载组件，异步请求数据。 1. 代码拆分 服务于打包优化的代码拆分。lazy和suspense配合使用 这样在打包代码时，可以显著减少主包的体积，加快加载速度…

在 React 中，对于每一次由状态改变导致页面视图的改变，都会经历两个阶段：render 阶段、commit 阶段。 只有 class 组件才有生命周期，因为 class 组件会创建对应的实例，而函

你最近在用React Router开发一个React程序，一切都很顺利，“再把这个button调圆润点就完美了”，你很快调好了样式，看看效果，刷新页面，然后程序崩了。你很惊讶，如果报错信息是你见过无数次的Cannot read property 'state' of undef…

前端一般会面临 XSS 这样的安全风险，但随着 React 等现代前端框架的流行，使我们在平时开发时不用太关注安全问题。以 React 为例，React 从设计层面上就具备了很好的防御 XSS 的能力。本文将以源码角度，看看 React 做了哪些事情来实现这种安全性的。 Cro…

阅读Vue和React两大前端框架的源码时都出现了MessageChannel的影子，但是自己却没不了解什么是MessageChannel，它有什么用。于是花了一些时间研究，并尝试把它解释清楚。

React Scheduler 为什么使用 MessageChannel 呢？为什么不使用 setTimeout 或 requestAnimationFrame 实现呢？

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…

我相信很多人和我一样都知道 StrictMode 类似 JavaScript 中的 use strict， 可以让 React 程序在更严格的条件下运行，也已经在项目中使用了它，但是还是不太了解 StrictMode 怎样检测出程序的问题。下面就通过一个问题抛砖引玉，给大家简单…