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

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

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

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

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

效果展示:

相关推荐
酸菜土狗几秒前
🔥 手写 Vue 自定义指令:实现内容区拖拽调整大小(超实用)
前端
ohyeah3 分钟前
深入理解 React Hooks:useState 与 useEffect 的核心原理与最佳实践
前端·react.js
Cache技术分享5 分钟前
275. Java Stream API - flatMap 操作:展开一对多的关系,拉平你的流!
前端·后端
apollo_qwe28 分钟前
前端缓存深度解析:从基础到进阶的实现方式与实践指南
前端
周星星日记36 分钟前
vue中hash模式和history模式的区别
前端·面试
Light6036 分钟前
Vue 高阶优化术:v-bind 与 v-on 的实战妙用与思维跃迁
前端·低代码·vue3·v-bind·组件封装·v-on·ai辅助开发
周星星日记36 分钟前
5.为什么vue中使用query可以保留参数
前端·vue.js
lebornjose37 分钟前
javascript - webgl中绑定(bind)缓冲区的逻辑是什么?
前端·webgl
瘦的可以下饭了41 分钟前
Day05- CSS 标准流、浮动、Flex布局
前端
前端无涯44 分钟前
React中setState后获取更新后值的完整解决方案
前端·react.js