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

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

前言

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


导语

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


我一开始想着后端返回把


image.png


编辑


解决思路

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


总结

加个空下标 则问题可解





相关文章
|
4月前
|
JSON JavaScript 前端开发
前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组
前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组
94 0
|
5月前
|
前端开发 JavaScript
react 数组下标来作为 react组件中的key
react 数组下标来作为 react组件中的key
58 0
|
4月前
|
前端开发 JavaScript
react中的useState为什么是一个数组,而不是一个对象?
react中的useState为什么是一个数组,而不是一个对象?
39 0
|
8月前
|
前端开发
react对数组进行展开显示
react对数组进行展开显示
55 0
|
8月前
|
前端开发 数据处理
react中filter数组的使用
react中filter数组的使用
40 0
|
8月前
|
前端开发
react如何在数组中手动添加一个对象
react如何在数组中手动添加一个对象
127 0
|
11月前
|
前端开发 数据处理
【React工作记录四十四】react中filter数组的使用
【React工作记录四十四】react中filter数组的使用
185 0
|
3月前
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
100 0
|
3月前
|
存储 前端开发 JavaScript
【第34期】一文学会React组件传值
【第34期】一文学会React组件传值
31 0
|
3月前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
40 0