一 前言 今天我们来一起探讨一下React事件原理，这篇文章，我尽量用通俗简洁的方式，把React事件系统讲的明明白白。 我们讲的react版本是16.13.1 , v17之后react对于事件系统会

setState 是同步还是异步？ 肯定是异步的呀。 确定么？那看一下这段代码会打印什么： 在 setTimeout 里修改了两次 state，并打印了 state 的值。 如果是异步的，那应该打印的

ref 是 React 里常用的特性，我们会用它来拿到 dom 的引用。 它一般是这么用的： 函数组件里用 useRef： class 组件里用 createRef： 如果想转发 ref 给父组件，可

假设 React 组件有这样一个状态： 我们这样修改了它的状态： 你觉得组件会重新渲染么？ 我们先在 class 组件里试一下： 渲染 state.a.b 的值，两秒以后修改 state。 你发现它重

![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f599a80e053a4f74acde695a8b843499~tplv

fiber架构 fiber架构是为了支持react进行可中断渲染，降低卡顿，提升流畅度。 react16之前的版本，diff虚拟dom时候是一口气完成的。这可能造成卡顿，因为人眼可识别的帧率是1s 6

阅读 react 之前你需要了解的几种对象 react 之中有很多重要的类型，在整个源码中扮演者非常重要的角色。本文旨在对这几种类型的作用以及关系进行分析，让你阅读 react 源码事半功倍。 JSX

什么是fiber？ Fiber 可以理解为是一个执行单元，也可以理解为是一种数据结构。 执行单元的理解如下： 一种数据结构的理解如下： Fiber 还可以理解为是一种数据结构，React Fiber

React源码之看完吊打面试官系列 经历一个月的学习整理，站在前人的肩膀上，对React有了一些浅薄的理解,人生苦短,我看源码