【React工作记录七】如何对数组进行一个过滤操作map

本文记录了在React项目中如何针对大量状态数据进行过滤操作,通过实例展示了利用map方法实现这一功能的详细步骤和代码示例。
摘要由CSDN通过智能技术生成

目录

前言

需求

解决思路

代码

运行结果


前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

需求

今天产品找到我 你这边切换的状态数据太多了需要进行一个过滤

解决思路

我们先来看一下数据的一个格式

0: {key: '1202103251527168888718235', value: '已创建', sortKey: 0}
1: {key: '1202012151142378888180559', value: '待审核', sortKey: 1}
2: {key: '1202012151142538888575854', value: '已审核', sortKey: 2}
3: {key: '1202103251003198888698119', value: '审核不通过', sortKey: 3}
4: {key: '1202104011841058888608955', value: '审核中(作废)', sortKey: 5}
5: {key: '1202104021508208888148066', value: '已取消', sortKey: 6}
6: {key: '1163229
  • 24
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端大歌谣

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值