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

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

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

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

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

效果展示:

相关推荐
不一样的少年_25 分钟前
【前端效率工具】再也不用 APIfox 联调!零侵入 Mock,全程不改代码、不开代理
前端·javascript·浏览器
IT_陈寒25 分钟前
JavaScript 性能优化实战:我通过这7个技巧将页面加载速度提升了65%
前端·人工智能·后端
JIngJaneIL28 分钟前
数码商城系统|电子|基于SprinBoot+vue的商城推荐系统(源码+数据库+文档)
java·前端·数据库·vue.js·论文·毕设·数码商城系统
GISer_Jing35 分钟前
Flutter架构解析:从引擎层到应用层
前端·flutter·架构
GISer_Jing42 分钟前
Flutter开发全攻略:从入门到精通
android·前端·flutter
艾小码1 小时前
Vue组件通信不再难!这8种方式让你彻底搞懂父子兄弟传值
前端·javascript·vue.js
lcc1871 小时前
Vue 数据代理
前端·javascript·vue.js
Moment1 小时前
为什么我们从 Python 迁移到 Node.js
前端·后端·node.js
excel1 小时前
📘 全面解析:JavaScript 时间格式化 API 实战指南
前端
咖啡の猫2 小时前
Vue基本路由
前端·vue.js·状态模式