wqxc

调和事务待更

返回给定的一个 node 上的属性 data-reactid 的值 没有这个属性 就返回 ''. 调用了 internalGetID 将 id 和 node 缓存进 nodeCache 中，最后返回的还是 node 上的 data-reactid 属性的值。 判断contain…

我们知道React的diff策略中有一条，不要改变组件的最外部元素，比如 原本是p，被改成了div。React的diff策略会认为这两个是完全不一样的组件，即使，两者只是改了一个元素而已。 而这也是 Reactdiff算的复杂度从 O(n^3)将到 O(N)的重要原因。 的时候…

简单的来说 nextWrappedElement 就是将 下边的跟元素或者叫做 container。转换为Element。 在生成nextWrappedElement的时候，加入了参数 nextElement，而这个nextElement就是 我们再 项目main.js或者是i…

一个React项目有一个方法 render是整个React组件挂载的开始，也就是下面的这个方法。 ReactDOM.render方法的核心是调用了下边的这个方法。 我们将 该方法 也就是 挂载的核心方法 _renderSubtreeIntoContainer 分割为三个部分。 …

上篇我们说到React组件的render函数实际上是调用了 ReactElement.createElement方法。而ReactElement.createElement方法最终是调用了 ReactElement函数，而后 ReactElement函数返回了一个element…

我们首先呀找到 React.Component。 先来看看 React 类。Component 是React的属性。 所有的React组件都是继承自 ReactComponent 的，所以React的组件都具有原型方法 setState 和三个属性。 setState 以后会说…

批处理策略也就是我们的 ReactDefaultBatchingStrategy 模块。 batchingStrategy是以单例的形式存在，为的就是为setState这样的操作提供唯一的一个操作环境。避免不必要的更新。 也就是 batchingStrategy.isBatch…

如下所示，setState方法是定义在 ReactComponent 类中的。 首先，要如上这样的使用 setState方法就需要继承 ReactComponent类。所以，一般的React组件是这么定义的： React.Component 指代的就是 ReactCompone…