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

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

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

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

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

效果展示:

相关推荐
论迹1 分钟前
【JavaEE】-- Spring Web MVC入门
前端·spring·java-ee
uhakadotcom2 分钟前
fastapi的最新版本,提供了哪些新api可供使用
前端·面试·github
G***66915 分钟前
前端组件单元测试覆盖率,目标与实现
前端·单元测试
天天进步20157 分钟前
前端单元测试从入门到精通:Jest与Testing Library实战
前端·单元测试
U***49838 分钟前
前端组件单元测试模拟数据,Mock Service Worker
前端·单元测试
百***355111 分钟前
TypeScript 与后端开发Node.js
javascript·typescript·node.js
ZT_KeBei24 分钟前
前端调试利器——pageSpy的使用简易指南
前端
少卿27 分钟前
PerformanceObserver 性能条目类型(Entry Types)
前端·javascript
宇余28 分钟前
ES2025新特性实战:5分钟get前端高频实用语法
前端·typescript
励扬程序29 分钟前
Cocos Creator 3.8 实现指定Node节点截图功能教程
前端·cocos creator