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

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

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

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

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

效果展示:

相关推荐
郑州光合科技余经理1 分钟前
实战分享:如何构建东南亚高并发跑腿配送系统
java·开发语言·javascript·spring cloud·uni-app·c#·php
June bug4 分钟前
【Vue】EACCES: permission denied 错误
前端·javascript·vue.js
陈随易5 分钟前
PostgreSQL v18发布,新增AIO uuidv7 OAuth等功能
前端·后端·程序员
一只小阿乐9 分钟前
react 中的组件性能优化
前端·javascript·react.js·react组件性能优化
柯南二号15 分钟前
【大前端】【iOS】iOS 真实项目可落地目录结构方案
前端·ios
肉清21 分钟前
linux自用命令
linux·服务器·前端
weibkreuz27 分钟前
初始React@1
前端·react.js·前端框架
xiaoxue..32 分钟前
二叉树深度解析:从基础结构到实战应用
javascript·数据结构·面试
Coder_Boy_39 分钟前
前端和后端软件系统联调经典问题汇总
java·前端·驱动开发·微服务·状态模式
小皮虾42 分钟前
别再封装 Axios 了!用 RPC 像调用本地函数一样写接口(支持 Vue/React/Node)
前端·rpc·全栈