react初级基础面试题(分享)-LMLPHP

【相关专题推荐:react面试题(2020)】

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

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

react初级基础面试题(分享)-LMLPHP

有什么区别?

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

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

react初级基础面试题(分享)-LMLPHP

4.react diff 原理

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

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

6.关于this绑定?

react初级基础面试题(分享)-LMLPHP

7.setState第二个参数的作用

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

9.flux的思想和流程?

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

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

11.createElement 和 cloneElement 有什么区别

react初级基础面试题(分享)-LMLPHP

react初级基础面试题(分享)-LMLPHP

更多编程相关内容,请关注Work网编程入门栏目!

以上就是react初级基础面试题(分享)的详细内容,更多请关注Work网其它相关文章!

09-18 12:02