博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React基础知识
阅读量:5928 次
发布时间:2019-06-19

本文共 995 字,大约阅读时间需要 3 分钟。

一:调用setState之后发生了什么?

调用setState函数之后,react会将传入的参数对象与组件当前的状态合并,然后触发调和过程(Reconciliation)。以高效方式根据新的状态构建React元素树并且着手重新渲染整个UI界面。在 React 得到元素树之后,React 会自动计算出新的树与老树的节点差异,然后根据差异对界面进行最小化重渲染。(按需渲染,不是全部渲染)

二:React 中 Element 与 Component 的区别是?

React Element 是描述屏幕上所见内容的数据结构,是对于 UI 的对象表述。典型的 React Element 就是利用 JSX 构建的声明式代码片然后被转化为createElement的调用组合;
React Component 则是可以接收参数输入并且返回某个 React Element 的函数或者类。

三:React 中 keys 的作用是什么?

Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。

在 React Diff 算法中 React 会借助元素的 Key 值来判断该元素是新近创建的还是被移动而来的元素,从而减少不必要的元素重渲染。

四:shouldComponentUpdate 的作用

允许我们手动地判断是否要进行组件更新,根据组件的应用场景设置函数的合理返回值能够帮我们避免不必要的更新。

五:传入 setState 函数的二个参数

第一个参数是要改变的state对象
第二个参数是 state 导致的页面变化完成后的回调,等价于componentDidUpdate

六:React中state和props分别是什么

props是一个从外部传进组件的参数,主要作为就是从父组件向子组件传递数据,它具有可读性和不变性,只能通过外部组件主动传入新的props来重新渲染子组件,否则子组件的props以及展现形式不会改变。 

state的主要作用是用于组件保存、控制以及修改自己的状态,它只能在constructor中初始化,它算是组件的私有属性,不可通过外部访问和修改,只能通过组件内部的this.setState来修改,修改state属性会导致组件的重新渲染。 

转载于:https://juejin.im/post/5b1386ace51d4506a0207a3b

你可能感兴趣的文章
【火炉炼AI】机器学习026-股票数据聚类分析-近邻传播算法
查看>>
[译] 拖放库中 React 性能的优化
查看>>
计算机网络第六篇【网络层之三】
查看>>
服务器模型——从单线程阻塞到多线程非阻塞(上)
查看>>
开源一个文本分析项目
查看>>
你离BAT之间,只差这一套Java面试题 | 掘金技术征文
查看>>
iOS之VVeboTableView性能探究之路
查看>>
面试:用 Java 逆序打印链表
查看>>
RxJava 沉思录(三):时间维度
查看>>
Mate20兼容性如何?WeTest带你抢先测!
查看>>
Webshell-Part1&Part2
查看>>
Bool型SSRF的思考与实践
查看>>
利用bootstrap写本地(localStorage)储存
查看>>
iOS逆向:用Xcode直接调试第三方app
查看>>
Java基础-抽象类和接口
查看>>
《Effective Objective C》重读校验自己的知识体系
查看>>
使用Core Audio实现VoIP通用音频模块
查看>>
Mac应用程序、软件、工具仓库
查看>>
漫画:Java并发闭锁CountDownLatch
查看>>
《JavaScript面向对象精要》之六:对象模式
查看>>