react笔试题

1、Promise构造函数是同步执行还是异步执行，then 方法呢

答案：promise构造函数是同步执行的，then方法是异步执行的

2、简述setState何时同步何时异步？

答案：由React控制的事件处理程序，以及生命周期函数调用setState不会同步更新state
React控制之外的事件中调用setState是同步更新的。比如原生js绑定的事件、setTimeout、setInterval等。

3、react中父子组件传值如何实现

答案：父传子（组件嵌套浅）：父组件定义一个属性，子组件通过this.props接收。
子传父：父组件定义一个属性，并将一个回调函数赋值给定义的属性，然后子组件进行调用传过来的函数，并将参数传进去，在父组件的回调函数中即可获得子组件传过来的值。

4、当你调用 setState 的时候，发生了什么事？
答案：将传递给 setState 的对象合并到组件的当前状态，这将启动一个和解的过程，构建一个新的 react 元素树，与上一个元素树进行对比（ diff ），从而进行最小化的重渲染。

5、setState 和 replaceState 的区别
答案：setState 是修改其中的部分状态，相当于 Object.assign，只是覆盖，
不会减少原来的状态
replaceState 是完全替换原来的状态，相当于赋值，将原来的 state 替换为另一个对象，如果新状态属性减少，那么 state 中就没有这个状态了

1、React中state和props区别有哪些？
答案：State主要用于更新界面，组件的state在生命周期函数constructor中初始化，使用this.setState来改变state的时候，界面会重新渲染，Props主要是用于组件之间传递数据。

2、简述pc前端开发时给组件赋初始值的几个常用方法？
答案：1) 使用组件本身的defaultValue属性赋初始值
2）使用from表单中的initialValue属性赋初始值
3）使用from表单的setFieldsValue 方法赋初始值

3、页面远程数据管理及页面公共状态数据管理使用 mobx 管理，在页面或模块目录内创建 store.js 使用mobx。简述store.js文件中@action.bound、runInAction的作用
答案：1）发送异步请求需使用 @action.bound
2）请求结果拿到后，若需修改变量，要在 runInAction 中进行

4、var、let、const之间的区别
答案：var声明变量可以重复声明，而let不可以重复声明
var是不受限于块级的，而let是受限于块级
var会与window相映射（会挂一个属性），而let不与window相映射
var可以在声明的上面访问变量，而let有暂存死区，在声明的上面访问变量会报错
const声明之后必须赋值，否则会报错
const定义不可变的量，改变了就会报错
const和let一样不会与window相映射、支持块级作用域、在声明的上面访问变量会报错

5、React 中 refs 的作用是什么？
答案：Refs 是 React 提供给我们的安全访问 DOM 元素或者某个组件实例的句柄。我们可以为元素添加 ref 属性然后在回调函数中接受该元素在 DOM 树中的句柄，该值会作为回调函数的第一个参数返回

一、多选题
11、React组件的生命周期不包括以下哪个状态？（）
A.Mounting
B.Updating
C.Unmounting
答案：ABC

12、关于React对DOM的操作下列说法正确的是（）？
A.直接更新真实DOM
B.新旧虚拟DOM对比，然后更新真实DOM
C.只需要更新组件的state，然后根据新的state重新渲染用户界面
答案：BC

13、以下关于React element和React Component的描述正确的是（）？
A.都是一个类
B.React element是一些UI的对象表示
C.React Component是一个函数或一个类
D.通过JSX可以把React Component转换成createElement调用

答案：BCD

14、有关state、props、refs的描述正确的是（ ）？
A、状态，可修改的、属性，不可修改、
B、调和以后，react会高效的根据新的状态构建react元素树。
C、生成react元素树以后，通过diff算法可以得到新树和老树的节点差异。
D、根据这些差异，可以精确的实现按需更新
答案：ABCD

15、在调用setState以后发生了什么（ ）？
E、react会将传入的参数对象跟当前的state合并，触发调和过程。
F、调和以后，react会高效的根据新的状态构建react元素树。
G、生成react元素树以后，通过diff算法可以得到新树和老树的节点差异。
H、根据这些差异，可以精确的实现按需更新
答案：ABCD

10、React组件的生命周期不包括以下哪个状态？（）
A.Mounting
B.Updating
C.Unmounting
答案：ABC

11、关于React对DOM的操作下列说法正确的是（）？
A.直接更新真实DOM
B.新旧虚拟DOM对比，然后更新真实DOM
C.只需要更新组件的state，然后根据新的state重新渲染用户界面
答案：BC

12、以下关于React element和React Component的描述正确的是（）？
A.都是一个类
B.React element是一些UI的对象表示
C.React Component是一个函数或一个类
D.通过JSX可以把React Component转换成createElement调用

答案：BCD

13、有关state、props、refs的描述正确的是（ ）？
A、状态，可修改的、属性，不可修改、
B、调和以后，react会高效的根据新的状态构建react元素树。
C、生成react元素树以后，通过diff算法可以得到新树和老树的节点差异。
D、根据这些差异，可以精确的实现按需更新
答案：ABCD

14、Es6中箭头函数与普通函数的区别（ ）？
A.普通function的声明在变量提升中是最高的，箭头函数没有函数提升
B.箭头函数没有this，arguments
C.箭头函数不能作为构造函数，不能被new，没有property,
D.call和apply方法没有参数，只有作用域
答案：ABC

15、简述pc前端开发时给组件赋初始值的几个常用方法
A. 使用组件本身的defaultValue属性赋初始值
B. 使用from表单中的initialValue属性赋初始值
C. 使用from表单的setFieldsValue 方法赋初始值
答案：ABC