您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

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

时间:12-14来源:作者:点击数:

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

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

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

相关代码如下

https://github.com/p2227/diyReact/blob/4580cffdc47b046939902fc8310953375c166534/src/stage1-composite.js

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐