sorryhc

组件介绍 Loading组件是日常开发用的很多的组件，这次封装主要包含两种状态的Loading，旋转、省略号，话不多说先看一下组件的文档页面吧： Loading API能力 组件一共提供了如下的API

问题描述 jest测试react组件时尝试获取mount组件报错，并无法进行测试。 解决方案 这个bug的原因是在enzyme中存在多种模拟组件render的形式，相对于render函数这种模拟的形式

列表组件的封装其实和Table有一定的相似，都是数据一列一列展示，因此列表组件也用到了懒加载和虚拟列表对大数据量时提供了解决方案。 组件库文档： List.tsx: Item.tsx: 最后留一下Re

徽标其实和上文的Avatar头像是配套的，通常徽标的需求都是在头像的基础上提供的，因此本文将介绍徽标组件的封装，徽标其实是一个展示类组件，并没有什么交互，因此这个组件实现起来比较简单~ 先看一下组件库

头像组件文档如下： 所提供的的API能力如下: 封装思路主要由Avatar和AvatarGroup两个组件完成，用户可以单Avatar来使用，当头像比较多可以采用AvatarGroup进行控制，因此还

介绍 这段时间博主一直在投入组件库的开发工作，最初其实就是想提供一套组件库来使用并且开源，和大家一起学习，最近突然有一个思路，可以从组件库文档页拉取一下用户的数据，来对组件库更好的维护。 组件库的链接

折叠面板Collapse、CollapseItem两个组件实现，Collapse用于接收一些折叠面板全局配置，如手风琴、懒加载等；CollapseItem用于对单个折叠栏进行配置，如禁用、排列、图标，

在业务中有比较多的场景需要在setState中获取更新后的值从而进行下一步的业务操作,在Class组件中可以通过： 而react自身的useState hook并不支持这样做，通常是这样获取新值： 自

React-View-UI表格组件提供了展开行、单选、多选、排序以及对大数据的处理方案，有虚拟列表、懒加载、分页，官方文档如下： 所提供的API能力如下： 虚拟列表主要使用了固定列高（15条数据 *