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

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

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

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

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

效果展示:

相关推荐
摘星编程5 小时前
OpenHarmony + RN:Placeholder文本占位
javascript·react native·react.js
a1117765 小时前
医院挂号预约系统(开源 Fastapi+vue2)
前端·vue.js·python·html5·fastapi
0思必得05 小时前
[Web自动化] Selenium处理iframe和frame
前端·爬虫·python·selenium·自动化·web自动化
摘星编程6 小时前
React Native鸿蒙:Loading加载动画效果
react native·react.js·harmonyos
行走的陀螺仪7 小时前
uni-app + Vue3编辑页/新增页面给列表页传参
前端·vue.js·uni-app
摘星编程8 小时前
React Native + OpenHarmony:Spinner旋转加载器
javascript·react native·react.js
We་ct8 小时前
LeetCode 205. 同构字符串:解题思路+代码优化全解析
前端·算法·leetcode·typescript
2301_812731419 小时前
CSS3笔记
前端·笔记·css3
ziblog9 小时前
CSS3白云飘动动画特效
前端·css·css3
越努力越幸运5089 小时前
CSS3学习之网格布局grid
前端·学习·css3