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

相关文章

react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...