react初级基础面试题有哪些
本篇文章给大家分享的是有关react初级基础面试题有哪些,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
成都创新互联公司云计算的互联网服务提供商,拥有超过13年的服务器租用、香港机房服务器托管、云服务器、虚拟主机、网站系统开发经验,已先后获得国家工业和信息化部颁发的互联网数据中心业务许可证。专业提供云主机、虚拟主机、域名与空间、VPS主机、云服务器、香港云服务器、免备案服务器等。
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.props
和this.state
的更新可能是异步
的,不能依赖它们的值去计算下一个 state
6.关于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 有什么区别
以上就是react初级基础面试题有哪些,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。
网页标题:react初级基础面试题有哪些
文章网址:http://scyanting.com/article/ppssdc.html