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

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

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

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

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

效果展示:

相关推荐
一个游离的指针17 小时前
JS中的对象的相关概念
开发语言·javascript·原型模式
霹雳桃17 小时前
移动端 H5 折叠屏适配实战:为什么 max-width 没用,min(vw, px) 才是正解
前端·前端框架
mONESY17 小时前
DeepSeek-R1 WebGPU(六):浏览器本地跑推理的完整实现
javascript
Goodbye17 小时前
useContext 上下文与自定义 Hooks:跨层级数据共享的优雅方案
前端
新时代牛马17 小时前
Vue.js 响应式原理详解
前端·javascript·vue.js
jaysee-sjc17 小时前
【JavaWeb】Tlias智能学习辅助系统|后端Web实战(登录认证)
java·开发语言·前端·学习·mybatis
触底反弹17 小时前
🔥 从 SPA 到 SSR:5 个核心差异搞懂 Next.js 为什么是前端 SEO 的终极方案
前端·react.js·next.js
岁月留痕16817 小时前
11 实战项目一:搭建“一言”项目骨架
前端
BreezeJiang17 小时前
为什么 Next.js 要把组件切成两半?从一个 SEO 死穴说起
javascript·react.js