墙裂推荐！超全React 面试题总结，满满都是干货！

淡淡的烟草味﹌ 2022-10-10 01:47 134阅读 0赞

![2d498cf0a2ed82f9dba3bf7152a2981a.png][]

#### 前言 ####

React 是一个用于构建用户界面的 JavaScript 库，起源于Facebook 的内部项目。React 主要用于构建 UI。你可以在 React 里传递多种类型的参数，如声明代码，帮助你渲染出 UI、也可以是静态的 HTML DOM 元素、也可以传递动态变量、甚至是可交互的应用组件。

**React 特点**：

*  React 采用声明范式，可以轻松描述应用。
 *  React 通过对 DOM 的模拟，最大限度地减少与 DOM 的交互。
 *  React 可以与已知的库或框架很好地配合。

#### React 面试题总结 ####

**基本知识**

*  区分Real DOM和Virtual DOM
 *  什么是React？
 *  React有什么特点？
 *  列出React的一些主要优点。
 *  React有哪些限制？
 *  什么是JSX？
 *  你了解 Virtual DOM 吗？解释一下它的工作原理。
 *  为什么浏览器无法读取JSX？
 *  与 ES5 相比，React 的 ES6 语法有何不同？
 *  React与Angular有何不同？
 *  React如何性能优化
 *  react与vue的对比
 *  使用React Hooks有什么优势？
 *  React中的useState？

![588e04cd9974df008706d3311725ce4b.png][]

**React 组件**

> 组件，从概念上类似于 JavaScript 函数。它接受任意的入参（即 “props”），并返回用于描述页面展示内容的 React 元素。

*  你理解“在React中，一切都是组件”这句话。
 *  解释 React 中 render() 的目的。
 *  如何将两个或多个组件嵌入到一个组件中？
 *  什么是 Props?
 *  state 和 props有什么区别？
 *  React中的状态是什么？它是如何使用的？
 *  区分状态和 props
 *  如何更新组件的状态？
 *  为什么不直接更新state状态？
 *  React context是什么？
 *  constructor中super与props参数一起使用的目的是什么？
 *  React 中的箭头函数是什么？怎么用？
 *  区分有状态和无状态组件。
 *  React组件生命周期的阶段是什么？
 *  详细解释 React 组件的生命周期方法。
 *  React中的事件是什么？
 *  如何在React中创建一个事件？
 *  React中的合成事件是什么？
 *  你对 React 的 refs 有什么了解？
 *  列出一些应该使用 Refs 的情况。
 *  React中的refs作用是什么？
 *  如何创建refs？
 *  如何模块化 React 中的代码？
 *  如何在 React 中创建表单
 *  你对受控组件和非受控组件了解多少？
 *  什么是高阶组件（HOC）？
 *  你能用HOC做什么？
 *  什么是纯组件？
 *  React 中 key 的重要性是什么？
 *  类组件和函数组件之间有什么区别？
 *  为什么类方法需要绑定？
 *  React中的StrictMode是什么？

![a0b2ed2e070dc3cd2f92baacfa13d2d4.png][]

**React Redux**

> Redux 是 JavaScript 状态容器，提供可预测化的状态管理。可以让你构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用），并且易于测试。Redux 除了和 React一起用外，还支持其它界面库。

*  MVC框架的主要问题是什么？
 *  解释一下 Flux
 *  什么是Redux？
 *  Redux遵循的三个原则是什么？
 *  你对“单一事实来源”有什么理解？
 *  列出 Redux 的组件。
 *  数据如何通过 Redux 流动？
 *  如何在 Redux 中定义 Action？
 *  解释 Reducer 的作用。
 *  Store 在 Redux 中的意义是什么？
 *  Redux与Flux有何不同？
 *  简述flux 思想
 *  Redux 有哪些优点？
 *  Redux有什么缺点
 *  Redux的实现流程
 *  redux中间件的理解，以及用过哪些中间件
 *  比较redux和vuex的区别

![7c68db7674e216f99334618692ec8575.png][]

**React 路由**

> React Router 是一个基于 React之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时保持页面与 URL 间的同步。

*  什么是React 路由？
 *  为什么React Router v4中使用 switch 关键字 ？
 *  为什么需要 React 中的路由？
 *  列出 React Router 的优点。
 *  React Router与常规路由有何不同？
 *  react-router的实现原理
 *  react-router 里的`<Link>`标签和`<a>`标签有什么区别

![541f86dea3cecab57dab8ed6a1aff718.png][]  
**由于篇幅有限，文章部分内容展示截图，需要前端 React 面试题总结 PDF完整版（含答案解析）[可以点击此处免费领取][Link 1]**

[2d498cf0a2ed82f9dba3bf7152a2981a.png]: /images/20221005/f1e70166aa414278bb4c2dfe2d312fef.png
[588e04cd9974df008706d3311725ce4b.png]: /images/20221005/47678fe4a2cb4adb9fe2e4fb7ba9320b.png
[a0b2ed2e070dc3cd2f92baacfa13d2d4.png]: /images/20221005/53c0743790b44c5bad1413cedf285294.png
[7c68db7674e216f99334618692ec8575.png]: /images/20221005/b76bbce83a224f8a9d2b6d177c2eb439.png
[541f86dea3cecab57dab8ed6a1aff718.png]: /images/20221005/149cb6d75da449bb95ad97069b31846d.png
[Link 1]: https://jq.qq.com/?_wv=1027&k=Kw1Uwele