#yyds干货盘点 【React工作记录二十六】数组下标对应缺位问题

简介: #yyds干货盘点 【React工作记录二十六】数组下标对应缺位问题

前言

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


导语

今天遇到一个需要处理数组的问题 就是后端返回了1 2 3 4 对应未开始 进行中 已结束 已作废


我一开始想着后端返回把


image.png


编辑


解决思路

render: (text, row) => {
          let arr = ['', '未开始', '进行中', '已结束', '已作废'];
          return <span>{arr[text]}</span>;
        },


总结

加个空下标 则问题可解





相关文章
|
6月前
|
JSON JavaScript 前端开发
前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组
前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组
160 0
|
前端开发 JavaScript
react 数组下标来作为 react组件中的key
react 数组下标来作为 react组件中的key
114 0
|
6月前
|
前端开发 JavaScript
react中的useState为什么是一个数组,而不是一个对象?
react中的useState为什么是一个数组,而不是一个对象?
129 0
|
12月前
|
前端开发
React基础语法04-循环数组渲染数据的方法
React基础语法04-循环数组渲染数据的方法
134 0
|
前端开发
react对数组进行展开显示
react对数组进行展开显示
74 0
|
前端开发 数据处理
react中filter数组的使用
react中filter数组的使用
96 0
|
前端开发
#私藏项目实操分享# 【React工作记录七】如何对数组进行一个过滤操作map
#私藏项目实操分享# 【React工作记录七】如何对数组进行一个过滤操作map
112 0
#私藏项目实操分享# 【React工作记录七】如何对数组进行一个过滤操作map
|
6月前
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
355 0
|
6月前
|
存储 前端开发 JavaScript
【第34期】一文学会React组件传值
【第34期】一文学会React组件传值
74 0
|
6月前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
120 0