互联网/IT行业面试题 · 编码实现 · React
互联网/IT行业相关面试题，按题目行业基础数据聚合。
共 47588 道真题 · 当前筛选命中 41 道 · 更新 2026-08-05
筛选题目已选：编码实现 · React
考察点
技术栈
第 1 题基于 usePrevious 自定义 Hook，如何实现当值变化时也能触发 UI 更新？请简述实现思路和关键点。 考察 React 自定义 Hook 的状态管理与副作用触发机制第 2 题如何自定义 React hooks？ 考察对 React hooks 组合复用机制的理解与实现能力第 3 题请手写一个自定义 React Hooks，并说明其设计思路与使用场景。 考察自定义 Hooks 的封装能力、React 特性理解与业务抽象能力第 4 题在 React 中，列表渲染时 key 的作用是什么？请说明其重要性及使用注意事项。 考察 React key 对组件复用、状态保持和渲染性能的影响第 5 题React父组件如何调用子组件 考察React中父子组件通信的高级用法与Ref机制第 6 题请用 Framer Motion 实现一个按钮，点击后放大并改变颜色的效果。 考察 Framer Motion 动画库的基础用法与交互事件处理第 7 题请用 React 实现一个响应式计数器，当计数大于 100 时弹出提示框。 考察 React 组件状态管理、条件渲染与副作用处理能力第 8 题请解释什么是自定义 Hook，以及你如何设计和使用它？ 考察对 React 自定义 Hook 的概念理解、设计原则和实际应用能力第 9 题请实现一个自定义 Hook useFetch，要求支持 loading、error、data 状态，并在请求完成后安全更新状态。 考察 React 自定义 Hook 的封装能力、异步状态管理与内存泄漏规避第 10 题请用 useTransition 实现一个搜索展示组件，使得输入操作优先于渲染结果。 考察 React 并发特性 useTransition 的使用及对交互优先级的理解第 11 题如何基于 useFetch 实现：当请求参数（params）变化时自动重新发起请求？请结合 useEffect 说明实现方案。 考察 React 中 useEffect 依赖管理与自定义 Hook 封装能力第 12 题该项目中打字机动画的实现方案、是否使用了相关库 考察前端动画实现的技术选型、方案细节和边界处理第 13 题基于树转数组的结果，用React实现一个下拉组件，并说明组件设计要点。 考察React组件设计与状态管理第 14 题请用 React 自定义 Hook 实现一个全局错误捕获功能，并说明如何使用。 考察 React 自定义 Hook 的设计和错误处理能力第 15 题Hooks的实现原理是什么？ 考察对React Hooks底层机制和渲染流程的理解第 16 题useMemo和useCallback的区别是什么？请手写实现一个memo缓存函数。 考察React性能优化钩子的原理理解与手写实现能力第 17 题实现一个类似 useEffect 的 Hook，但首次渲染时不执行副作用。 考察 React Hooks 原理、依赖追踪与首帧跳过逻辑第 18 题请描述如何自己封装一个 useFetch hook？ 考察React自定义Hook的设计能力、状态管理和副作用处理第 19 题React里面父元素如何使用子元素的dom节点 考察React中跨组件操作DOM的方法与原理理解第 20 题用React实现加减乘除计数器，两个数为变量，中间用select组件选择运算符号。 考察React组件状态管理与受控组件的基本实现能力