技术栈

react antd框架中的徽标获取数据对应状态的数量

.星空.2023-08-28 1:38

实现思路:获取数量的思路是通过filter过滤符合数据来实现。

javascript 复制代码
列表数组.filter(item => item.status === '值').length;

例子:以下这个例子是判断data数组中的status中在职的数量。

javascript 复制代码
data.filter((item) => item.status === '在职').length

效果展示:

上一篇:解锁开发中的创意:用户为中心的设计思维的力量
下一篇:kafka复习:(11)auto.offset.reset的默认值
相关推荐
gnip
6 分钟前
JavaScript二叉树相关概念
前端
一朵梨花压海棠go
1 小时前
html+js实现表格本地筛选
开发语言·javascript·html·ecmascript
attitude.x
1 小时前
PyTorch 动态图的灵活性与实用技巧
前端·人工智能·深度学习
β添砖java
1 小时前
CSS3核心技术
前端·css·css3
空山新雨(大队长)
1 小时前
HTML第八课:HTML4和HTML5的区别
前端·html·html5
猫头虎-前端技术
2 小时前
浏览器兼容性问题全解:CSS 前缀、Grid/Flex 布局兼容方案与跨浏览器调试技巧
前端·css·node.js·bootstrap·ecmascript·css3·媒体
阿珊和她的猫
2 小时前
探索 CSS 过渡:打造流畅网页交互体验
前端·css
元亓亓亓
2 小时前
JavaWeb--day1--HTML&CSS
前端·css·html
β添砖java
2 小时前
CSS的文本样式
前端·css
热门推荐
01UV安装并设置国内源02A股预测还能更准?开源大模型Kronos带你跑通预测+回测全流程03解决 WSL Ubuntu 中 /etc/resolv.conf 自动重置问题04UV 工具安装与国内镜像源配置指南05教你如何认证 Gemini 教育优惠的二次验证,薅个 1年的 Gemini Pro 会员06KGG转MP3工具|非KGM文件|解密音频07conda中设置镜像地址(附所有可换的地址)08突破百度网盘的下载限速,两种方法教会你【超详细】092025 年高教社杯全国大学生数学建模竞赛C 题 NIPT 的时点选择与胎儿的异常判定 完整成品思路模型代码分享,全网首发高质量!!!102025年数学建模国赛C题超详细解题思路