react 常见setState的原理解析

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react 常见setState的原理解析相关的知识,希望对你有一定的参考价值。

参考技术A 4次log的值 分别为 0 0 2 3

说一下批量更新

在一些mv*框架中,,就是将一段时间内对model的修改批量更新到view的机制。比如那前端比较火的React、vue(nextTick机制,视图的更新以及实现)为例。

消息进程 http://www.ruanyifeng.com/blog/2013/10/event_loop.html

传入回调函数

在钩子函数中体现

在setState的第一个参数中传入function,该function会被压入调用栈中,在state真正改变后,按顺序回调栈里面的function。该function的第一个参数为上一次更新后的state。这样就能确保你下一次的操作拿到的是你预期的值

以上是关于react 常见setState的原理解析的主要内容,如果未能解决你的问题,请参考以下文章

前端面试,备考第 21 天—— React 怎么做数据管理,原理是什么

react渲染原理分析

React fiber原理解析及自定义实现

解析React事件处理的机制及原理

React学习第七步:React 原理揭秘

React fiber原理解析及自定义实现