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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/react/305180.html

猜你在找的React相关文章