wqxc

render顾名思义就是渲染的意思，纵观整个React有三个不同的地方，定义了各自的render方法。 虽然有多个不同的render方法，但是render方法的作用却是一致的，都是调用 createElement方法来生成一个Element。 这个render的是将子树挂载在根…

React 组件必须包含一个 render函数，这个render函数必须返回一个东西。如果你啥也不显示，那就返回一个null或者是false。 这种情况就是一个空组件，啥也不显示。 这个时候是调用 ReactEmptyComponent 方法。 ReactEmptyCompon…

在 instantiateReactComponent 模块中，我们根据 Element的不同来选择不同的方法来处理element为挂载实例，其中当Element为Object的时候，Element.type分为string，number，除此之外的为一种情况也就是type为f…

当 Element 本身不为null或者是false，也不是Object，而是string。这里string就是完全的纯文本。也就是没有任何html包裹的 文本。也就是text node。 Element 本身为 string。 这里是调用了 ReactNativeCompon…

当，element的type为 string。比如上边传送门，当然node为null的时候，初始化了 一个ReactEmptyComponent 实例，而后赋值的时候。 另外的，element.type === 'string' 的情况是 element.type 为 'div…

这里要提前说明一下，一般我们定义的组件的type 也就是 element 的type 是 function。 f App(props)。这些在 前文 element的位置有写。 一般，只要一个组件的 render函数返回的不是null，或者是false的还，这些内容转换为 el…

Element转化为挂载实例主要靠的便是 instantiateReactComponent 方法，这个方法会根据 Element的不同情况来生成不同的挂载实例。这些实例会带有一些方法，来辅助挂载。 这里多说一些，React会将 一个组件的每一对标签都单独选择合适的方式来处理。…

Reconciliation的意思是协调，这部分的内容主要是说在React中你要如何去渲染和协调你的代码，tobecontinue!

我们这里跳过第二部分，先来看一下第三部分。 第三部分则是初始情况下，container内是什么也没有的情况的处理逻辑。 我们先来看看这一部分用到的方法。 _renderNewRootComponent 方法在第一部分已经有过说明，这里再说一次吧。 ReactUpdates.ba…