前端/移动开发面试题 · 编码实现 · React
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 143 道 · 更新 2026-08-05
筛选题目已选：编码实现 · React
考察点
技术栈
第 1 题React 的 Error Boundary 是什么？如何使用？ 考察对 React 错误边界概念与实现的理解第 2 题请用 React 自定义 Hook 实现一个全局错误捕获功能，并说明如何使用。 考察 React 自定义 Hook 的设计和错误处理能力第 3 题该项目中打字机动画的实现方案、是否使用了相关库 考察前端动画实现的技术选型、方案细节和边界处理第 4 题请手写一个自定义 React Hooks，并说明其设计思路与使用场景。 考察自定义 Hooks 的封装能力、React 特性理解与业务抽象能力第 5 题在什么情况下直接修改 React 组件的 state 会导致视图无法更新？请说明原因及正确做法。 考察 React 状态更新的不可变性原则及触发机制第 6 题请用 React 实现一个响应式计数器，当计数大于 100 时弹出提示框。 考察 React 组件状态管理、条件渲染与副作用处理能力第 7 题你自定义封装Hook都封装了哪些？你在里面怎么获取窗口大小？ 考察前端自定义Hooks的设计能力与原生API掌握程度第 8 题请用React实现一个计时器组件，要求支持开始、暂停、重置功能。 考察React组件状态管理与事件处理的实现能力第 9 题setState是同步还是异步？异步数据如何获取？ 考察对React状态更新机制的理解及异步获取数据的能力第 10 题请仿照某个高阶组件的功能，设计并实现一个对应的 Hook，并说明两者的优缺点。 考察对 React Hook 与高阶组件（HOC）原理的理解及应用能力第 11 题写一个倒计时组件，先说思路再写代码。当计时器为0时，怎么清除计时器避免内存泄漏？ 考察前端组件设计、定时器生命周期管理和内存泄漏防范第 12 题请手写实现一个轮播图组件，并说明其实现原理。 考察对React组件实现和核心原理的理解第 13 题实现 useDebounce，并说明如何在组件中添加监听事件？ 考察防抖逻辑的实现与事件监听的正确使用第 14 题State值是数组,写出代码怎么逐个渲染其中内容 考察前端框架中数组状态渲染与列表渲染的实现第 15 题Hooks能用循环语句或者条件语句包裹吗?为什么 考察React Hooks调用规则的理解与实现原理第 16 题在 React 中，列表渲染时 key 的作用是什么？请说明其重要性及使用注意事项。 考察 React key 对组件复用、状态保持和渲染性能的影响第 17 题如何设计并封装一个自定义 Hook？ 考察自定义 Hook 的设计原则与复用能力第 18 题共享屏幕用 React 写倒计时组件（60 秒开始，到 0 停止） 考察 React 组件状态管理、定时器生命周期与清理第 19 题如果 useEffect 的依赖是一个复杂对象，修改了层次较深的键值对，useEffect 无法察觉这个变更，该如何解决？请给出代码示例。 考察对 React useEffect 依赖比较机制的理解及处理深层变更的方案第 20 题请手写一个自定义 Hook：usePrevious，用于获取某个 state 的上一次更新后的值。 考察自定义 Hook 的封装思路与 ref 的引用特性