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

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

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

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

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

效果展示:

相关推荐
2501_9462447814 小时前
Flutter & OpenHarmony OA系统底部导航栏组件开发指南
android·javascript·flutter
Access开发易登软件14 小时前
Access 数据可视化:如何制作箱形图
前端·数据库·vba·access·access开发
Tiramisu202314 小时前
【VUE】删除 node_modules几种高效方法
前端·javascript·vue.js
钰fly14 小时前
Windows Forms开发工具与功能总结表
前端·c#
共享家952715 小时前
测试常用函数(一)
java·前端·javascript
两个人的幸福online15 小时前
给cocos 3.8 消息控制器
开发语言·javascript·ecmascript
林恒smileZAZ15 小时前
vue对接海康摄像头-H5player
前端·javascript·vue.js
韩曙亮15 小时前
【Web APIs】移动端返回顶部案例 ( 返回顶部按钮 显示 / 隐藏 设置 | 返回顶部操作 )
前端·javascript·css·html·移动端·web apis·返回顶部
Cache技术分享15 小时前
279. Java Stream API - Stream 拼接的两种方式:concat() vs flatMap()
前端·后端
GDAL15 小时前
Tailwind CSS 响应式设计实战指南:从零搭建书签篮自适应页面
前端·css·tailwindcss·书签篮