美文网首页
react事务

react事务

作者: 三九而成 | 来源:发表于2018-05-06 17:49 被阅读0次

react事务机制,混合setState

1.react的事务,几乎贯穿了react所有提供调用的方法。生命周期,事件,setState。我这里只讨论事件触发的事务。

2.react的事件因为是合成事件,灵活性很大,在运行绑定事件方法之前,就运行了react自动的很多方法,其中就包括事务方法。

每个事件在开始的时候会更改isBatchingUpdates的状态,并且返回给事件返回一个经过重写之后的方法transaction.perform

其中method就是react合成事件方法,closeAll里面是更改isBatchingUpdates的状态方法

而事务与setState的关系。当setState开始更新组件当时候,会根据事务当状态来判定,是否等当前当方法执行完毕才进行更新。

当一个方法内有两个setState进行的时候,react-dom会根据isBatchingUpdates状态来进行判定,是否更新两次组件

如果开启来事务isBatchingUpdates状态,则不进行直接更新,而是等待事件方法执行完成之后一次性更新。

当代码异步调用当时候,因为主线程执行完毕,isBatchingUpdates状态完成了一次事务,还原成来初始状态。而异步不会触发事务更改isBatchingUpdates当状态,所以异步里面的代码是调用一次setState就更新一次状态。

那么redux触发action如果不是异步,也是向上面一样多次action一次更新。

相关文章

  • react事务

    react事务机制,混合setState 1.react的事务,几乎贯穿了react所有提供调用的方法。生命周期,...

  • react之setState运行机制

    React setState 运行机制 setState是同步操作,采用批处理机制react采用了事务transa...

  • React进阶篇(四)事务

    1. 何为事务? 根据维基百科的解释: 提供独立可靠的恢复机制,保证出错时数据的一致性,不同事务之间互相独立。 事...

  • React基础

    react 教程 react 组件介绍 react state 介绍 react Props 介绍 React:组...

  • 学习react no.1

    学习react no.1 react 定义 react 特点 react

  • React Native 学习之路

    React 相关资料 React Components React Properties React State ...

  • React基础

    React包含react元素和react组件 react元素 react组件 react组件分为函数组件和类组件 ...

  • React面试题 整理脑图

    react基础 React生命周期 react-router react进阶 react Hooks redux 其他

  • react 导入中的 as

    import React from 'react'只导入 是 React。 而import * as React ...

  • java事务

    1、java事务介绍 2、JDBC事务 3、JTA事务 1、java事务介绍 java事务分类:JDBC事务、...

网友评论

      本文标题:react事务

      本文链接:https://www.haomeiwen.com/subject/vcdurftx.html