原因

为什么会想起有这么一个操作呢, 刚开始总是想要在业务中沉淀一些比较通用型的一些组件, 但每次不管是怎么设计或者是开发到最后总会感觉哪里有些欠缺, 以及即便是实现了逻辑部分, 但代码部分还是会有很大的差距, 感觉不够那么的优雅不够直观以及维护性不是很够. 在这样的一个场景下就萌发了想要看看优秀的组件库是怎么设计以及实现的 及 代码维度的优化 性能的优化等. 当然这里不涉及到如何打包以及部署部分只有部分解析

从很久很久之前, 就有人说要求我们平时对组件的设计有一定的了解, 当时可能不以为然. 但在工作中慢慢的发现有很多的场景下对设计组件的一些功能及 API 时感觉到了匮乏缺乏了一些好的灵感

准备

在解析的过程中一定会有很多不清楚或者不是很理解的地方, 会以个人的水平而定来进行查找对应的知识点来源以及相关内容链接等进行补充. 所以就需要有一定的前端开发知识以及对 React 相关内容有一定的掌握

开始

说了这么多到底要从哪开始呢 ? 工作中使用组件库 Antd 比较多, 而且也是一个目前看来是最优秀的 **React** 组件库, 所以选择了它, 当然还是要从认为最简单的组件开始. 相关的 **Util** 部分单独抽离出来进行查看. 而且 **Antd** 依赖了底层的 react-component

https://juejin.cn/post/6844904064392626183

列表

指的是按照 react-component 中排序

overflow

适用场景: 根据动态计算容器宽度渲染内容, 自动折叠, 比如 select 的 tags 模式 详情参考