先附上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项目文件的构成之后，如何去分析组件怎样实现的呢？
先别看代码，看一下