微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

react闲谈——antd组件开发思路——alert分析

先附上antd源码地址:https://github.com/ant-design...

昨天写了一篇分析antd之button组件的分析,今晚继续讲antd组件篇,这篇文章主要介绍的是alert实现原理,以及我们可以从antd的组件思想中学习到的react组件开发知识。
ps:antd用的是typescript,如果是纯ES写法稍微有些不同。

下面这张图是alert组件的主要结构图。

有这么几个部分:
1、demo:alert组件的使用方法
2、style:组件内部可能用到的初始化样式
3、2个.md说明文档,一个是英文版,一个中文
4、index.tsx:alert组件(关于这个组件,我是有话要说的,这个命名应该用alert,然后index通常是用来导出alert组件,antd每个组件都不是同一个人写的,估计写alert组件的人也没考虑那么多。)

大概知道了alert项目文件的构成之后,如何去分析组件怎样实现的呢?
先别看代码,看一下

原文地址:https://www.jb51.cc/react/305180.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐