react 学习 --- 自己写一个react 2.复杂组件 #29
Description
react 学习 --- 自己写一个react 2.复杂组件
第二步主要是实现一个较为复杂的组件，这里的复杂主要是指，1. 多重嵌套。2.带了较多的属性
承接第一篇，这里的关键点在于render，我们已经实现了渲染一个普通组件的方法（renderOne)了，当你在实现一个列表的渲染的时候，无非就是起一个容器组件，再遍历一下，对于每一个子组件，调用回原来方法（renderOne）。这个实现从结果看来并不复杂，主要是涉及到递归的调用，会有一些思路上的分支，所以我单独列出来这一步了。
对于props属性，其实就是一个字典映射的，把props对象的属性映射到dom属性上即可。这里面还涉及cssom的知识。
相关代码如下
https://github.com/p2227/diyReact/blob/4580cffdc47b046939902fc8310953375c166534/src/stage1-composite.js
效果
https://gh.p2227.com/diyReact/