分享推荐 26 Mar 2021 推荐瀑布流库Macy.js Macy.js是一个轻量级的、无依赖的、4kb的砌体布局库,为无麻烦的配置而设计。 官网地址:Macy。 let masonry = new Macy({ container: '#market-container', // 图像列表容器 trueOrder: false, wait… 阅读原文
分享推荐 15 Feb 2021 推荐一款React上传文件组件react-dropzone 简单的React钩子创建一个兼容html5的文件拖放区。 官网:react-dropzone 基础示例:demo 支持手动或拖动批量上传,样式可自定义,兼容性不错。 主要关心接收上传的文件信息,onDrop回调中会返回所有数据acceptedFiles。 const onDrop = useCall… 阅读原文
分享推荐 3 Feb 2021 推荐一款React网格组件ka-table 常用功能应有尽有,吸顶、行展开、虚拟化、单元格编辑、输入验证和筛选等。 官网地址:ka-table 盘点实践操作。 列key不能有rowKeyField 每个表格都有行关键字段rowKeyField,比如id,列columns中key不能有此字段,不然会引起行列错乱。 新增行 demo中新增行,分三… 阅读原文
分享推荐 27 Dec 2020 React标签tag组件推荐 react-tag-input-component 轻量级组件,包含样式在内总共2kb,配置使用很简单。 <TagsInput value={selected} onChange={setSelected} name="fruits" placeHolder="e… 阅读原文
分享推荐 17 Nov 2020 React组件可拖动插件推荐 react-draggable ✨✨✨✨✨ https://github.com/STRML/react-draggable 出身于有名的react-grid-layout,作为轻量级插件,能满足基础功能需求。 使用十分便捷: <Draggable> <div>此区域可任意被… 阅读原文
分享推荐 14 Nov 2020 React分屏插件推荐 Re-Flex 🌟🌟🌟🌟🌟 https://github.com/leefsmp/Re-Flex 主要就三个组件: ReflexContainer 布局容器 ReflexSplitter 拖动手柄 ReflexEleme… 阅读原文
分享推荐 13 Nov 2020 React Table表格网格插件推荐 react-bootstrap-table2 🌟🌟🌟🌟🌟 https://react-bootstrap-table.github.io/react-bootstrap-table2/ react-bootstrap-t… 阅读原文