这是面试官最有可能提出的常被问到的50个React面试问答为了便于访问，我对React面试问题进行了分类：
React一般面试问题反应组件面试问题React Redux面试问题React Router面试问题一般React React面试问题
3358 www.Sina.com/http://www.Sina.com/http://www.Sina.com/1 .更新缓慢。 1 .更新速度更快。 可以直接更新HTML。 2 .无法直接更新HTML。 3 .如果元素已更新，请创建新的DOM。 3 .元素更新时，更新JSX。 4. DOM操作非常昂贵。 4. DOM操作非常简单。 5 .内存浪费太多。 5 .内存没有浪费。1.区分真实DOM和虚拟DOM。React是Facebook于2011年开发的前端JavaScript库。 遵循基于组件的方法，帮助构建可重用的UI组件。 用于开发复杂的交互式Web和移动UI。 即使只是2015年成为开源，也是支持它的最大社区之一。真实DOMReact的主要功能如下：
使用虚拟DOM而不是实际的DOM。 遵循http://www.Sina.com/http://www.Sina.com /或数据绑定。2.什么是React？React的主要优点包括：
提高了APP应用程序的性能，并且可以方便地在客户端和服务器端使用。 多亏了JSX，提高了代码的可读性。 React与其他框架(如Meteor、Angular )集成以方便使用React，从而非常容易创建UI测试用例。3. React的功能是什么？以下列出了React的限制。
React只是一个库，而不是成熟的框架。 库很大，对初学者程序员来说可能有点难理解。 使用内联模板和JSX会使编码变得复杂。虚拟DOMJSX是JavaScript XML的缩写。 这是React使用的文件，使用类似JavaScript表现力和模板语法的HTML。 这使HTML文件非常容易理解。 此文件可增强APP应用程序并提高性能。 以下是JSX的示例。
render () return ) divH1HelloworldfromEduReka！ /h1 /div； } 服务器端渲染虚拟DOM是轻型JavaScript对象，最初只是实际DOM的副本。 这是一个列出元素的节点树，其属性和内容显示为对象及其属性。 React的render函数从React组件创建节点树。 然后，此树将响应于由用户或系统执行的各种操作引起的数据模型中的突变而更新。 此虚拟DOM需要三个简单的步骤。
每当基础数据发生更改时，整个UI都会重新呈现为虚拟DOM表示形式。 然后计算以前的DOM表示和新的DOM表示之间的差异。 计算完成后，将仅使用实际更改的内容更新实际DOM。单向数据流浏览器只能读取JavaScript对象，不能读取常规JavaScript对象中的JSX。 因此，为了使浏览器能够读取JSX，必须首先使用JSX转换器(如Babel )将JSX文件转换为JavaScript对象，然后将其传递给浏览器。
4.列出React的一些主要优点。语法已从ES5更改为ES6，原因如下：
需要和导入
//es5varreact=require('react )； //es 6导入react from ' react '； 出口和出口
//ES5module.exports=Component； //es 6导出默认组件； 配置和功能
//es5 var my component=react.create class (render : function ) )欢迎使用returnH3Java架构师社区的公众号！ /h3； ()； //es6 classmycomponentextendsreact.com ponent { render (} { return H3全栈程序员社区公众号欢迎您！ /h3； }道具
//es5 varapp=react.create class (prop types 3360 ) name : react.prop types.string )，render: function ) reted }； )； //es6 classappextendsreact.com ponent { render (} { return H3 hello，{this.props.name}！ /h3； )州
//es5 varapp=react.create class (getinitial state 3360 function ) ) return(name3360'Java架构师社区)；render: function () { return h3Hello，{this.state.name}！ /h3； ()； //es6 classappextendsreact.com ponent { constructor (} { super )； this.state={ name: '全栈程序员社区' }； } render () { return h3Hello，{this.state.name}！ /h3； } http://www.Sina.com/http://www.Sina.com/http://www.Sina.com/1 .体系结构从MVC的角度看是完整的MVC2.com
5. React的局限性是什么？组件是react APP应用程序UI的构造块。 这些组件将整个UI划分为独立的可重用小块。 然后，使这些组件中的每个组件相互独立，而不影响UI的其馀部分。
6.什么是JSX？每个React组件必须强制7.您对Virtual DOM有什么了解？解释它的工作。。 返回单个React元素。 这是本机DOM组件的表示。 如果需要渲染多个HTML元素，请单击8.为什么浏览器无法阅读JSX？