专高4-React口试题总结

藏宝库编辑 · 2024-9-8 15:29:55

React口试题

前端
1. 什么是React？

React是用于构建用户界面的JavaScript库 ，劈头于Facebook的内部项目，该公司对市场上所有 JavaScript MVC框架都不满足，决定自行开辟一套，用于架设自己的网站，React 不是一个 MVC 框架，仅仅是视图（V）层的库
2. 为什么假造 dom 会进步性能?

假造 dom 相当于在 js 和真实 dom 中心加了一个缓存，使用 dom diff 算法制止了没有须要的 dom 操纵，从而进步性能。
用Js对象体现真实的DOM结构，当状态变革的时间在重新创建一个假造DOM树结构，然后用新的树和旧的树举行比力，记录两棵树差异，把所记录的差异应用到所构建的真正的 DOM 树上，视图就更新了。
3. 什么是JSX？

jsx是JavaScript的一种语法扩展，它跟模板语言很靠近，但是它充实具备JavaScript的本领
JSX就是用来声明React当中的元素，React使用JSX来形貌用户界面
JSX语法糖答应前端开辟者使用我们最认识的类HTML标签语法来创建假造DOM在低落学习资本
4. React创建元素的方法？

React.createElement()
5. class组件和函数组件区别

语法上：
函数式组件是一个纯函数，它是必要担当props参数而且返回一个React元素就可以了。类组件是必要继承React.Component的，而且class组件必要创建render而且返回React元素，语法上来讲更复杂。
状态管理：
函数式组件没有状态管理，类组件有状态管理。
调用方式：
函数式组件可以直接调用，返回一个新的React元素；类组件在调用时是必要创建一个实例的，然后通过调用实例里的render方法来返回一个React元素。
6. React 变乱绑定的方式

React 变乱绑定属性的定名采取驼峰式写法，采取 JSX 的语法传入一个函数作为变乱处置惩罚函数
变乱绑定函数的方式
1. 直接写函数名字{callback}，2. 可以使用bind方法绑定调用 {callback.bind(this)}7. 变乱处置惩罚方法this指向改变

当我们把变乱函数写成平凡函数的情势时 , 调用函数使用state变量会报错，提示state变量不存在，
是由于

变乱处置惩罚步伐的函数式函数调用模式，在严酷模式下，this指向undefined
render函数是被组件实例调用的，因此render函数中的this指向当前组件

办理方法： 1. 把平凡函数改成箭头函数 2. 调用函数的时间使用bind方法改变this指向
8. React变乱处置惩罚方法传值

<ol>调用的时间定义一个箭头函数函数中调用方法转达参数据

专高4-React口试题总结

所属分类: 问答交流

新帖推荐: 30日

推荐作品