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

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

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

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

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

效果展示:

相关推荐
摘星编程2 分钟前
React Native + OpenHarmony:useId唯一标识生成
javascript·react native·react.js
2603_9494621013 分钟前
Flutter for OpenHarmony社团管理App实战:消息中心实现
android·javascript·flutter
秋秋小事13 分钟前
可选链与非空操作符
前端
iRuriCatt31 分钟前
智慧景区管理系统 | 计算机毕设项目
java·前端·spring boot·vue·毕设
程序员清洒1 小时前
Flutter for OpenHarmony:Icon 与 IconButton — 图标系统集成
前端·学习·flutter·华为
萧曵 丶1 小时前
JavaScript 函数各种写法和场景
开发语言·javascript·ecmascript
Yolanda942 小时前
【项目经验】钉钉免密登录实现
前端·javascript·钉钉
2601_949613022 小时前
flutter_for_openharmony家庭药箱管理app实战+药品详情实现
java·前端·flutter
摘星编程2 小时前
在OpenHarmony上用React Native:collapsable节点优化策略
javascript·react native·react.js
We་ct2 小时前
LeetCode 15. 三数之和:排序+双指针解法全解析
前端·算法·leetcode·typescript