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

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

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

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

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

效果展示:

相关推荐
冰封剑心7 分钟前
MiniCPM-V-2_6 (4-bit 量化)使用
java·前端·数据库
q***428210 分钟前
SpringCloudGateWay
android·前端·后端
爱泡脚的鸡腿11 分钟前
uni-app D5 实战(小兔鲜)
前端
tomato_40413 分钟前
本地系统、虚拟机、远程服务器三者之间的核心区别
前端
许商38 分钟前
【stm32】【printf】
java·前端·stm32
JIngJaneIL1 小时前
智慧物业|物业管理|基于SprinBoot+vue的智慧物业管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·论文·智慧物业管理系统
爬坑的小白1 小时前
vue 2.0 路由跳转时新开tab
前端·javascript·vue.js
爬坑的小白1 小时前
vue x 状态管理
前端·javascript·vue.js
凌览1 小时前
一键去水印|5 款免费小红书解析工具推荐
前端·javascript·后端
有意义1 小时前
栈数据结构全解析:从实现原理到 LeetCode 实战
javascript·算法·编程语言