react基础面试题

1. React 中 keys 的作用是什么?

key是React中用于追踪哪些列表中元素被修改删除或者被添加辅助标识。在diff算法中,key用来判断该元素节点是被移动过来的还是新创建的元素,减少不必要的元素重复渲染

2. React 中有哪些构建组件的方式?

构造组件方式

有什么区别?

  • 函数组件看似只是一个返回值是DOM结构的函数,其实它的背后是无状态组件的思想。
  • 函数组件中,你无法使用State,也无法使用组件的生命周期方法,这就决定了函数组件都是展示性组件,接收Props,渲染DOM,而不关注其他逻辑
  • 函数组件中没有this
  • 函数组件更容易理解。当你看到一个函数组件时,你就知道它的功能只是接收属性,渲染页面,它不执行与UI无关的逻辑处理,它只是一个纯函数。而不用在意它返回的DOM结构有多复杂

3.调用 setState 之后发生了什么?

发生过程

4.react diff 原理

  • 把树形结构按照层级分解,只比较同级元素
  • 给列表结构的每个单元添加唯一的 key 属性,方便比较
  • React 只会匹配相同 class 的 component(这里面的 class 指的是组件的名字)
  • 选择性子树渲染。开发人员可以重写shouldComponentUpdate 提高 diff 的性能

5.为什么建议传递给 setState 的参数是一个 callback 而不是一个对象

因为this.propsthis.state 的更新可能是异步的,不能依赖它们的值去计算下一个 state

6.关于this绑定?

this绑定

7.setState第二个参数的作用

该函数会在setState函数调用完成并且组件开始重渲染的时候被调用,我们可以用该函数来监听渲染是否完成

8.(在构造函数中)调用 super(props) 的目的是什么

在 super() 被调用之前,子类是不能使用 this 的,在 ES5 中,子类必须在 constructor 中调用 super()。传递 props 给 super() 的原因则是便于(在子类中)能在 constructor 访问 this.props

9.flux的思想和流程?

Flux 的最大特点,就是数据的"单向流动"。
流程:
用户访问view
view发送用户的action
dispatcher接收action,要求store进行相应的更新
store更新后,发送一个change事件
view收到change事件后,更新页面。

10. 在 React 当中 Element 和 Component 有何区别?

  • createElement 函数是 JSX 编译之后使用的创建 React Element的函数
  • cloneElement 则是用于复制某个元素并传入新的 Props

11.createElement 和 cloneElement 有什么区别

createElement

cloneElement
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 作为一个合格的开发者,不要只满足于编写了可以运行的代码。而要了解代码背后的工作原理;不要只满足于自己的程序...
    六个周阅读 8,714评论 1 33
  • 40、React 什么是React?React 是一个用于构建用户界面的框架(采用的是MVC模式):集中处理VIE...
    萌妹撒阅读 1,237评论 0 1
  • React 中 keys 的作用是什么? Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除...
    e2ee31170666阅读 1,377评论 1 3
  • 说在前面 关于 react 的总结过去半年就一直碎碎念着要搞起来,各(wo)种(tai)原(lan)因(le)。心...
    陈嘻嘻啊阅读 7,081评论 7 41
  • React简介 (1)简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaSc...
    鱼鱼吃猫猫阅读 1,786评论 1 6

友情链接更多精彩内容