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

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

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

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

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

效果展示:

相关推荐
雄鸡三声天下白2 分钟前
js复制文本到剪贴板,以及navigator.clipboard 会提示 is undefined
前端·javascript·数据库
OpenTiny社区2 分钟前
博文精读:Chrome CSS 2025年回顾
前端·css·chrome·开源·opentiny
珑墨3 分钟前
【大语言模型】从历史到未来
前端·人工智能·后端·ai·语言模型·自然语言处理·chatgpt
Qin_jiangshan3 分钟前
flutter实现透明导航栏
前端·javascript·flutter
亿元程序员4 分钟前
亿元Cocos小游戏实战合集
前端
fengyucaihong_1235 分钟前
vue加声音播放
javascript·vue.js·ecmascript
2503_928411567 分钟前
12.26 小程序代码片段【添加WeaUI内容】
前端·微信小程序·小程序
华仔啊7 分钟前
Vue3 的设计目标是什么?相比 Vue2 做了哪些关键优化?
前端·vue.js
鹏多多11 分钟前
前端纯js实现图片模糊和压缩
前端·javascript·vue.js
长安即是故里14 分钟前
搭建一个现代化视频聚合播放平台(含视频源)
前端·音视频·开源项目··部署教程