React高频面试题100+题，这一篇就够了！
1 - 5 题详解传送门>>>>>>>>>>>>
1. 如何在代码中判断一个 React 组件是 class component 还是 function component？
2. useRef / ref / forwardsRef 的区别是什么?
3. useRef和useState区别？
4. useEffect 的第二个参数, 传空数组和传依赖数组有什么区别？
5. 如果在 useEffect 的第一个参数中 return 了一个函数，那么第二个参数分别传空数组和传依赖数组，该函数分别是在什么时候执行？
6 - 11 题详解传送门>>>>>>>>>>>>>>>
6. 讲讲 React.memo 和 JS 的 memorize 函数的区别，useMemo是什么？
7. 怎么判断一个对象是否是 React 元素？
8. 说说对 React 中Element、Component、Node、Instance 四个概念的理解
10. React 和 Vue 在技术层面有哪些区别？
11. 如何实现 useUpdate 方法，调用时强制组件重新渲染
12 - 16 题详解传送门>>>>>>>>>>>>>>>>
12. 什么是单页应用，什么是多页应用？
13. 单页应用如何提高加载速度？
14. 什么是虚拟DOM？
15. React中的类组件和函数组件之间有什么区别？
16. 什么是高阶组件？
17 - 21 题详解传送门>>>>>>>>>>>>>>
17. constructor中super与props参数一起使用的目的是什么？
18 .什么是受控组件？
19. 什么是JSX？
20. React.PureComponent 和 React.Component 有什么区别？
21. 什么是 React？
22 - 26 题详解传送门>>>>>>>>>>>>>>>>>>>>
22. 简述下 React 的生命周期？每个生命周期都做了什么？
23. React 错误边界是什么？
24. 为什么不能直接使用 this.state 改变数据？
25. React 中如果绑定事件使用匿名函数有什么影响？
26. React 的事件代理机制是什么？
27- 32 题详解传送门>>>>>>>>>
27. React中为什么要给组件设置 key？
28. setState 之后发生了什么？
29. 在 shouldComponentUpdate 或 componentWillUpdate 中使用 setState 会发生什么？
30. react 的虚拟dom是怎么实现的？
32. 为什么React的 VM 可以提高性能？
33 - 42 题详解传送门>>>>>>>>>>>>>>>
33. React Hooks带来了什么便利？
34. 列举几个常见的 Hook?
35. 使用React Hooks有什么优势？
36. 简单介绍下React中diff算法？
37. React中，能否直接将 props 的值复制给 state？
38. React Hooks当中的useEffect是如何区分生命周期钩子的?
39. 为什么不能用数组下标来作为react组件中的key？
40. React Fiber是什么？
41. 虚拟DOM一定更快吗？
42. 不同版本的 React 都做过哪些优化？
43 - 47 题详解传送门>>>>>>>>>>>>>>
43. Fiber 为什么是 React 性能的一个飞跃？
44. React Fiber 是如何实现更新过程可控？
45. React中的路由懒加载是什么？原理是什么？
46. React有哪些性能优化的方法？
47. react中懒加载的实现原理是什么？
48 - 52 题详解传送门>>>>>>>>>>>>>
48. React 组件间怎么进行通信？
49. 说说你在React项目是如何捕获错误的？
50. 说说你对immutable的理解？如何应用在react项目中？
51. 说说react中引入css的方式有哪几种？区别？
52. state 和 props有什么区别？
53 - 59 题详解传送门>>>>>>>>>>
53. React构建组件的方式有哪些？有什么区别？
54. hooks是什么时候支持的？
55. 在react中怎么实现组件间的过渡动画？
56. 说说你对Redux的理解？其工作原理？
57. useReducer 是什么？
58. 你在React项目中是如何使用Redux的? 项目结构是如何划分的？
59. 说说React render方法的原理？在什么时候会被触发？
60 - 64 题详解传送门>>>>>>>>>>>>
60. 说说对受控组件和非受控组件的理解，以及应用场景？
61. Redux 中异步的请求怎么处理
62. Redux 状态管理器和变量挂载到 window 中有什么区别？
63. Redux中的connect有什么作用？
64. 为什么 useState 返回的是数组而不是对象？
65 - 69 题详解传送门>>>>>>>>>>
65. React Hooks 在使用上有哪些限制？
66. useEffect 与 useLayoutEffect 有什么区别？
67. React 中怎么实现状态自动保存（KeepAlive）？
68. mobx 和 redux 有什么区别？
69. 下面函数组件的输出分别是什么？
下面是一个简单的函数组件，有两个按钮：“alert”、“add”。
如果先点击“alert”按钮，再点击一次“add”按钮，那么弹窗框中的值和页面中展示value分别是什么？
const [value, setValue] = useState(1)const log = () => {setTimeout(() => {alert(value)}, 3000);}return (<div><p>FunctionComponent</p><div>value: {value}</div><button onClick={log}>alert</button><button onClick={() => setValue(value + 1)}>add</button></div>)
}
70 - 74 题详解传送门>>>>>>>>>
70. Redux 和 Vuex 有什么区别，它们有什么共同思想吗？
71. react 和 vue 有什么区别？
72. react中，父子组件的生命周期执行顺序是怎么样的？
73. 为什么不能在循环、条件或嵌套函数中调用 Hooks？
74. 说说你对 useContext 的理解?
75 - 79 题详解传送门>>>>>>>>>>>>
75. 说说你对 useMemo 的理解
76. 说说你对自定义hook的理解
77. 在 React 中可以做哪些性能优化？
78. 如何让 useEffect 支持 async/await？
79. 你常用的 React Hooks 有哪些？(非常全，用法实例附带）
80 - 84 题详解传送门>>>>>>>>>>>>>
80. 说说你对 dangerouslySetInnerHTML 的理解
81. setState 是同步，还是异步的？
82. 我们应该在什么场景下使用 useMemo 和 useCallback ？
83. react是否支持给标签设置自定义的属性，比如给video标签设置webkit-playsinline？
84. 说说你对 React Hook的闭包陷阱的理解，有哪些解决方案？
85 - 90 题详解传送门>>>>>>>>>>
85. React.memo() 和 useMemo() 的用法是什么，有哪些区别？
86. 说说对Redux中间件的理解？常用的中间件有哪些？实现原理？
87. 说说React事件和原生事件的执行顺序
88. 什么是React合成事件
89. 使用 React hooks 怎么实现类里面的所有生命周期？ (非常详细）
90. 说说React服务端渲染怎么做？原理是什么？
91 - 14题详解传送门>>>>>>>>>>>>>
91. 简述下 React 的事件代理机制？
92. 使用 redux 有哪些原则？
93. react 中怎么捕获异常？
94. 实现一个 useTimeout Hook
95. React18新特性
96. 使用 useState （const [test, setTest] = useState([])）时，为什么连续调用 setTest({…test, newValue}) 会出现值的丢失？
97. setState大部分时候是异步?
98. 说说React Router有几种模式，以及实现原理？
99. 说说你对React Router的理解？常用的Router组件有哪些？
100. 说说React Jsx转换成真实DOM过程？
101. react-router 里的 标签和 标签有什么区别？
102. React 中的 ref 有什么用？
103. 单页应用如何提高加载速度？
104. React 中，怎么实现父组件调用子组件中的方法？
相关文章：
React高频面试题100+题，这一篇就够了！
1 - 5 题详解传送门>>>>>>>>>>>> 1. 如何在代码中判断一个 React 组件是 class component 还是 function component？ 2. useRef / ref / forwardsRef 的区别是什么? 3. useRef和useState区别？ 4. useEffect 的…...
mysql MVC jsp实现表分页
mysql是轻量级数据库 在三层架构中实现简单的分页 在数据库sql编程中需要编写sql语句 SELECT * FROM sys.student limit 5,5; limit x,y x是开始节点，y是开始节点后的需要显示的长度。 在jdbc编程中需要给出x和y 一般是页数*页码，显示的长度。 代…...
【微信小程序】数字化会议OA系统之首页搭建（附源码）
🎉🎉欢迎来到我的CSDN主页！🎉🎉 🏅我是Java方文山，一个在CSDN分享笔记的博主。📚📚 🌟推荐给大家我的专栏《微信小程序开发实战》。🎯Ἲ…...
Leetcode——二维数组及滚动数组练习
118. 杨辉三角 class Solution { public:vector<vector<int>> generate(int numRows) {// 定义二维数组vector<vector<int>> num(numRows);for(int i0;i<numRows;i){//这里是给内层vector定义大小。默认是0,这里n是个数，不是值num[i].re…...
钢水包升降翻转液压系统比例阀放大器
钢水包升降翻转液压系统是一种用于控制钢水包升降和翻转的液压系统。该系统主要由液压泵、液压缸、控制阀和一些辅助元件组成。 钢水包升降翻转液压系统的液压泵将油从油箱中抽出，将油压力提高到一定值，然后通过控制阀将油分配到液压缸中。液压缸内的活…...
通达OA-通用版-V12，流程及表单自定义好用的类
通达OA-通用版-V12，流程及表单自定义好用的类 V1.0 V1.0 日期：2023年10月19日 新建类文件，将下面代码复制到文件中即可。 功能说明： 1、根据flow_id，可以获取流程表单相关的表名、及字段名。 2、根据run_id࿰…...
如何在vue中实现图片懒加载
1.什么是图片懒加载 概念当图片还未出现在浏览器的可视区，图片并不加载src所引入的图片资源。只有当图片出现在可视区时，才加载图片资源。 好处：当页面中需要许多图片进行展示。但是，在我们不可视区的图片我们可以进行图片懒加载…...
Mac 远程桌面软件
对于使用 Mac 计算机和笔记本电脑的企业来说，适用于 Mac 的远程桌面软件变得越来越重要，随着远程工作变得越来越普遍，IT 管理员和组织需要一种安全的方式来访问和修复问题、处理紧急任务以及监控远程工作站的状态，为了促进远距离协…...
EPLAN_005#宏边框、页宏、窗口宏/符号宏
一、宏边框 红边框不能用，变成了灰色 要在项目属性中更改位宏项目——才能使用宏边框功能 注意：创建宏边框时候要打开——显示隐藏元素 框选目标后，双击红边框的边——弹出红边框创建属性对话框——输入名称——更改变量ABC等 最后——自动…...
如何正确地使用ChatGPT（角色扮演+提示工程）
如何正确地使用ChatGPT 一、ChatGPT介绍二、准备工作2.1 获取ChatGPT环境2.2 确定使用ChatGPT的目标和需求 三、重要因素3.1 角色赋予3.2 提示工程 四、正确案例 一、ChatGPT介绍 可以查阅ChatGPT快速入门 二、准备工作 2.1 获取ChatGPT环境 国外的有OpenAI和微软NewBing等…...
MySQL服务安装与登录
（1）以管理员身份启动命令提示符： （2）定位到安装目录的bin目录下（根据自己的安装路径进行调整即可）。先输入“d:”，定位到d盘，输入cd空格文件路径（直接复制粘贴…...
论文阅读之《Kindling the Darkness: A Practical Low-light Image Enhancer》
目录 摘要 介绍 已有方法回顾 普通方法 基于亮度的方法 基于深度学习的方法 基于图像去噪的方法 提出的方法 2.1 Layer Decomposition Net 2.2 Reflectance Restoration Net 2.3 Illumination Adjustment Net 实验结果 总结 Kindling the Darkness: A Practical L…...
性能测试基础知识及性能指标
前言：最近公司接了个项目，领导开会突然来了句，让我出一份性能测试方案，后面性能测试工作交给我！我心里想之前面试没要求会这个啊（最少得加钱才能做吧~，没办法既然下达了指令，那就只能…...
ArcGIS笔记10_如何创建渔网？
本文目录 前言Step 1 确定渔网的精度单位Step 2 有底图时创建渔网的操作 前言 ArcGIS中的渔网是一个很好用的工具，它可以创建出规规整整的小格子，每个小格子都对应一个标注点，可以将原本散乱的数据规整化，如下图： Ste…...
Jmeter安装(快速入门)
大家好我是苏麟今天简单聊一下Jmeter . Jmeter Jmeter官网 : Apache JMeter - Download Apache JMeter 安装Jmeter Jmeter依赖于JDK，所以必须确保当前计算机上已经安装了JDK，并且配置了环境变量。 下载 : 官网下载 : 网盘自取 : 链接：…...
一个react前端项目中的配置文件作用解析
前端框架中用到的配置文件 .editorconfig, .gitignore, .npmrc, .prettierignore, .prettierrc, .umirc.local.ts, .umirc.ts, package-lock.json, package.json, README.md, tsconfig.json, typings.d.ts, webpack.config.js.editorconfig：用于定义代码编辑器的配…...
MAC 配置 Maven
Maven 是一个流行的 Java 项目管理和构建工具，它可以帮助我们管理项目依赖、构建和发布等过程。本文将指导您在 MAC 上配置 Maven 的详细步骤。 1、下载 Maven 首先，从 Maven 官方网站下载最新版本的 Maven 安装包。下载完成后，将其解压到您…...
vue3.0 + element plus upload图片 上传
直接上图吧： 记录一下，方便后续遇到啥问题...
Leetcode 18：四数之和
给你一个由 n 个整数组成的数组 nums ，和一个目标值 target 。请你找出并返回满足下述全部条件且不重复的四元组 [nums[a], nums[b], nums[c], nums[d]] （若两个四元组元素一一对应，则认为两个四元组重复）。 解题思路：…...
word误删除的文件怎么恢复？恢复办法分享
在日常工作和学习中，我们常常会使用到Word来撰写文章、毕业论文、方案等。然而，我们可能会遇到Word误删文件的情况，令我们陷入恐慌，特别是这个文件很重要时。幸运的是，有办法找回。下面一起来看下word误删除的文件怎么…...
零门槛NAS搭建：WinNAS如何让普通电脑秒变私有云？
一、核心优势：专为Windows用户设计的极简NAS WinNAS由深圳耘想存储科技开发，是一款收费低廉但功能全面的Windows NAS工具，主打“无学习成本部署” 。与其他NAS软件相比，其优势在于： 无需硬件改造：将任意W…...
深入剖析AI大模型：大模型时代的 Prompt 工程全解析
今天聊的内容，我认为是AI开发里面非常重要的内容。它在AI开发里无处不在，当你对 AI 助手说 "用李白的风格写一首关于人工智能的诗"，或者让翻译模型 "将这段合同翻译成商务日语" 时，输入的这句话就是 Prompt。…...
三维GIS开发cesium智慧地铁教程（5）Cesium相机控制
一、环境搭建 <script src"../cesium1.99/Build/Cesium/Cesium.js"></script> <link rel"stylesheet" href"../cesium1.99/Build/Cesium/Widgets/widgets.css"> 关键配置点： 路径验证：确保相对路径.…...
剑指offer20_链表中环的入口节点
链表中环的入口节点 给定一个链表，若其中包含环，则输出环的入口节点。 若其中不包含环，则输出null。 数据范围 节点 val 值取值范围 [ 1 , 1000 ] [1,1000] [1,1000]。 节点 val 值各不相同。 链表长度 [ 0 , 500 ] [0,500] [0,500]。 …...
稳定币的深度剖析与展望
一、引言 在当今数字化浪潮席卷全球的时代，加密货币作为一种新兴的金融现象，正以前所未有的速度改变着我们对传统货币和金融体系的认知。然而，加密货币市场的高度波动性却成为了其广泛应用和普及的一大障碍。在这样的背景下，稳定…...
【C++特殊工具与技术】优化内存分配(一)：C++中的内存分配
目录 一、C 内存的基本概念 1.1 内存的物理与逻辑结构 1.2 C 程序的内存区域划分 二、栈内存分配 2.1 栈内存的特点 2.2 栈内存分配示例 三、堆内存分配 3.1 new和delete操作符 4.2 内存泄漏与悬空指针问题 4.3 new和delete的重载 四、智能指针…...
免费数学几何作图web平台
光锐软件免费数学工具，maths,数学制图，数学作图，几何作图，几何，AR开发,AR教育,增强现实,软件公司,XR,MR,VR,虚拟仿真,虚拟现实,混合现实,教育科技产品,职业模拟培训,高保真VR场景,结构互动课件,元宇宙http://xaglare.c…...
ubuntu系统文件误删(/lib/x86_64-linux-gnu/libc.so.6)修复方案 [成功解决]
报错信息：libc.so.6: cannot open shared object file: No such file or directory： #ls, ln, sudo...命令都不能用 error while loading shared libraries: libc.so.6: cannot open shared object file: No such file or directory重启后报错信息&…...
【Post-process】【VBA】ETABS VBA FrameObj.GetNameList and write to EXCEL
ETABS API实战：导出框架元素数据到Excel 在结构工程师的日常工作中，经常需要从ETABS模型中提取框架元素信息进行后续分析。手动复制粘贴不仅耗时，还容易出错。今天我们来用简单的VBA代码实现自动化导出。 🎯 我们要实现什么？ 一键点击，就能将ETABS中所有框架元素的基…...
【Kafka】Kafka从入门到实战：构建高吞吐量分布式消息系统
Kafka从入门到实战：构建高吞吐量分布式消息系统 一、Kafka概述 Apache Kafka是一个分布式流处理平台，最初由LinkedIn开发，后成为Apache顶级项目。它被设计用于高吞吐量、低延迟的消息处理，能够处理来自多个生产者的海量数据，并将这些数据实时传递给消费者。 Kafka核心特…...