自己写一个 react 2.复杂组件

Z时代
2024-01-10
分类：综合

第二步主要是实现一个较为复杂的组件，这里的复杂主要是指，1. 多重嵌套。2.带了较多的属性

承接第一篇，这里的关键点在于 render，我们已经实现了渲染一个普通组件的方法（renderOne)了，当你在实现一个列表的渲染的时候，无非就是起一个容器组件，再遍历一下，对于每一个子组件，调用回原来方法（renderOne）。这个实现从结果看来并不复杂，主要是涉及到递归的调用，会有一些思路上的分支，所以我单独列出来这一步了。

对于 props 属性，其实就是一个字典映射的，把 props 对象的属性映射到 dom 属性上即可。这里面还涉及 cssom 的知识。