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

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

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

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

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

效果展示:

相关推荐
Hooray14 分钟前
用时7天,花费30元,我vibe coding这个网站
前端·agent·ai编程
小小高不懂写代码28 分钟前
RAG--检索增强生成--原理及实战
前端·人工智能
空中海30 分钟前
04 工程化、质量体系与 React 生态
前端·ubuntu·react.js
空中海39 分钟前
03 性能、动画与 React Native 新架构
react native·react.js·架构
好运的阿财1 小时前
OpenClaw工具拆解之host_workspace_write+host_workspace_edit
前端·javascript·人工智能·机器学习·ai编程·openclaw·openclaw工具
XiYang-DING1 小时前
JavaScript
开发语言·javascript·ecmascript
ffqws_2 小时前
Spring Boot 接收前端请求的四种参数方式
前端·spring boot·后端
空中海2 小时前
02 React Native状态、导航、数据流与设备能力
javascript·react native·react.js
是安迪吖2 小时前
企业资产管理系统练习
前端·ai
zhouwy1132 小时前
AI 编程工具结合 Figma MCP 实现前端设计高保真还原
前端·人工智能·figma