字节跳动面试题 · 编码实现 · React
字节跳动相关面试题，按最终去重题目聚合。
共 3252 道真题 · 当前筛选命中 10 道 · 更新 2026-08-05
筛选题目已选：编码实现 · React
考察点
技术栈
第 1 题请手写一个自定义 Hook：usePrevious，用于获取某个 state 的上一次更新后的值。 考察自定义 Hook 的封装思路与 ref 的引用特性第 2 题实现一个类似 useEffect 的 Hook，但首次渲染时不执行副作用。 考察 React Hooks 原理、依赖追踪与首帧跳过逻辑第 3 题请编写一个防抖和节流的 React Hook，并说明它们的使用场景。 考察对防抖与节流原理的理解及在 React 中的封装实现能力第 4 题如何基于 useFetch 实现：当请求参数（params）变化时自动重新发起请求？请结合 useEffect 说明实现方案。 考察 React 中 useEffect 依赖管理与自定义 Hook 封装能力第 5 题请用 useTransition 实现一个搜索展示组件，使得输入操作优先于渲染结果。 考察 React 并发特性 useTransition 的使用及对交互优先级的理解第 6 题请用 Framer Motion 实现一个按钮，点击后放大并改变颜色的效果。 考察 Framer Motion 动画库的基础用法与交互事件处理第 7 题请实现一个自定义 Hook useFetch，要求支持 loading、error、data 状态，并在请求完成后安全更新状态。 考察 React 自定义 Hook 的封装能力、异步状态管理与内存泄漏规避第 8 题请解释什么是自定义 Hook，以及你如何设计和使用它？ 考察对 React 自定义 Hook 的概念理解、设计原则和实际应用能力第 9 题基于 usePrevious 自定义 Hook，如何实现当值变化时也能触发 UI 更新？请简述实现思路和关键点。 考察 React 自定义 Hook 的状态管理与副作用触发机制第 10 题实现输入框关键词联想功能（含联想、回填、空白处关闭列表），使用 Vue/React 现场实现一个组件，通过 Axios 调用 autocompletion 接口。 考察前端组件实现、异步交互和事件处理的综合能力