小敏哥的专栏

Write the Code. Change the world.

React中setState的怪异行为 ——setState没有即时生效

setState可以说是React中使用频率最高的一个函数了,我们都知道,React是通过管理状态来实现对组件的管理的,当this.setState()被调用的时候,React会重新调用render方法来重新渲染UI 但实际使用的时候,我们会发现,有时候我们setState之后,并没有立刻生效,...

2019-01-12 14:41:45

阅读数 226

评论数 0

React事务机制解析

对react有一定了解的开发人员应该都听说过react的事务机制,这个机制几乎贯穿于react所有提供的方法,包括react中最常使用的setState函数 那么,react的事务机制到底是一种什么样的机制呢,为了解释事务机制的实现原理,react源码中用注释画出了这样一幅图 根据这幅图,...

2019-01-11 23:20:19

阅读数 15325

评论数 1

react生命周期原理解析

这篇文章是对之前的一片文章react生命周期整理提到的生命周期的解析,本文会从源码的角度,对react的各个生命周期的实现原理进行不太详细的分析 getDefaultProps与getInitialState 首先我们来看一下以下两个代码片段,第一个是用es5创建组件的方法,需要调用react...

2019-01-06 22:24:18

阅读数 775

评论数 0

React中key属性的作用及原理解析

Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of `Test`. See https://fb.me/r...

2019-01-20 14:58:10

阅读数 125

评论数 0

react生命周期整理

react中的生命周期可以分为四大类,分别为定义时触发,渲染时触发,更新时触发以及卸载时触发。本文章会对所有生命周期进行归纳并从源码的角度解析其实现原理(写到一半发现文章已经有点长了,决定新开一片文章来解析实现原理,传送门) 定义时触发(createClass) getDefaultProps...

2019-01-06 15:28:34

阅读数 140

评论数 0

React的跨级组件通信

我们知道,react中父子组件之间的通信,父组件和子组件通信,可以通过props向子组件传递参数,子组件和父组件通信,则可以通过调用props传入的回调函数来向父组件传递参数 那么问题来了,如果是跨级组件之间的通信,如果通过props一层一层往下传,不仅逻辑会变得很不清晰,代码也会变得不好维护,...

2018-12-28 23:08:52

阅读数 129

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭