React技术栈高频面试题

&＃160;

1. 是什么?

动态构建用户界面的JS库

2. React的特点

1). Declarative(声明式编码)

2). Component-Based(组件化编码)

3). 高效

3. React高效的原因

1). 虚拟(virtual)DOM, 不总是直接操作真实DOM(批量更新, 减少更新的次数)

2). 高效的DOM Diff算法, 最小化DOM更新

1. JSX 是一个看起来很像 XML 的 js 语法扩展

2. 作用: 创建虚拟DOM(元素对象)

3. 浏览器不能直接运行, 需要使用babel转换成纯JS语法: React.createElement()

4. 相比于纯JS要编码更简洁易读

5. 注意: JSX标签必须有结束, 组件标签首字母必须大写

1. 类组件: 使用class定义的组件, 会产生组件对象, 可以有自身的状态和生命周期勾子

2. 函数组件: 使用function定义的组件, 不产生组件对象, 没有自身的状态和生命周期勾子

3. 补充: 有了hooks语法后, 函数组件也可以有状态了

1.&＃160;state: 值为容器对象, 保存的是组件内可变的数据,组件根据state中的数据显示, 要更新界面只要更新state即可

2.&＃160;props