Concis——一套react轻量组件库

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

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

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

气泡卡片...顾名思义，移动到或点击某块区域，出现一个气泡卡片dialog，组件库文档如下： 主要支持的有移动或点击触发，以及不同方向的气泡卡片，并提供了气泡卡片宽度，内容为调用端的DOM，样式也在调

轮播图组件封装~ 文档链接：http://react-view-ui.com:92/#/common/swiper 组件文档如下： 实现了无缝轮播和卡片式轮播两种轮播图，并且可以自定义图片大小，以及自

很高兴今天看了下npm的数据，周下载量竟然有700+，也是很感谢不论是使用和学习都是对我的一种支持...... 贴一下npm的地址~ https://www.npmjs.com/package/rea

上一篇文章实现了Tree选择器，本文将介绍TreeView树形控件的实现。 其实在笔者进行TreeData的配置项，原本一直在纠结于树结构的递归，进行封装，但仔细想想，其实可以把他改造成一个双向链表，

Tree选择器结构比较特殊，类似于数据结构中的树，因此设计对于优化有很多的关系。 先看一下组件库文档： 设计中主要用到的思路是递归，先看一下基础渲染吧： 渲染结构是这样的，就是一个树的结构，通过渲染函

Rate评分组件官方文档如下： 源码如下： 今天收到了一名用户的BUG反馈，还是很开心的，有人可以相信比较使用React-View-UI，如果在使用中遇到任何问题可以联系邮箱1244200081@qq

前些时间有点忙...也是没来得及更新组件库，今天写了一个PC/Mobile兼容的步骤条组件，组件文档如下： 这个主要是一个UI组件，在业务中用的比较多的，源码如下： Steps外层组件： Step内层

问题场景 Vue项目中有需求，是使用jquery的滚动插件，插件本质是在window.onload中获取滚动DOM并且对他进行一些操作。 发现问题 脚本中的DOM获取到的结果为null，因此脚本也没有

懒加载组件，支持任意元素进行延迟加载，可以在SPA单页应用首页渲染时减少非可视区的DOM渲染，加快首屏渲染效率，大致用法： 这一期的文档比较简单，主要就是支持懒加载包裹元素，没有很多的API，如下：

DatePicker时间选择器的设计文档如下： 主体分为了单日选择器和时间区间选择器~ 单日选择器： 时间区间选择器： 组件的源码如下： DatePicker.tsx: RangeDatePicker

在过去的日子里，Antd使用得心易手，也不曾会吐槽一些设计不当的地方，印象比较深刻的就是Antd的DatePicker日期范围选择器只能选择连续月的时间区间，这一点其实也是让我一直头疼的，既然这段时间

前段时间一直在更新react组件库的每一个组件，今天来测试一下在实际业务中使用组件库~ 我使用了rollup来打包组件库 1.搭建库打包脚手架： 首先我们安装一下rollup： 我的组件库项目目录是这

Menu菜单是提供给网站的路由跳转主菜单（通常），组件文档如图所示： 组件源码如下： 组件库线上地址：http://124.222.161.174:8080/#/common/menu 感谢阅览，终于

Radio组件的封装一共封装了两个组件——RadioGroup和Radio，RadioGroup为父组件，主要用于控制单选组的状态，而Radio作为一个个选项使用。 RadioGroup.tsx: R

输入框组件文档如下： 源代码如下： 组件库线上链接变了哈~ http://124.222.161.174:8080/#/common/input 多多关注，看到记得点赞哦

选择器组件，文档如下： 组件封装代码如下： 组件库线上地址：https://fengxinhhh.github.io/React-View-UI-fs/#/common/select 接下来会记录每一

分页器组件，文档页面如下： 组件封装代码如下： 组件库线上地址：https://fengxinhhh.github.io/React-View-UI-fs/#/view/pagination 接下来会