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

发布于 2022-02-23 13:56:15 字数 615 浏览 910 评论 0

第二步主要是实现一个较为复杂的组件,这里的复杂主要是指,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/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84961 人气
更多

推荐作者

已经忘了多久

文章 0 评论 0

15867725375

文章 0 评论 0

LonelySnow

文章 0 评论 0

走过海棠暮

文章 0 评论 0

轻许诺言

文章 0 评论 0

信馬由缰

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文