react对数组进行展开显示

简介: react对数组进行展开显示

前言

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


导语

如何让对react中得数据进行展开显示操作




编辑

需求

数组超过两个就进行展开得操作


核心代码

``` render: (text, row, index) => { return (  {text.length > 2 && typeof text != 'string' ? ( row.isExpand ? ( 
   {text.toString()} 
 ) : (






<a
                  style={{ zIndex: '100' }}
                  onClick={() => this.props.onExpandLectureName(row, index)}
                >
                  {text.length}
                </a>
                <span>人</span>
              </div>
            )
          ) : (
            text.toString()
          )}
        </span>
      );
    },



```




总结

由于text得值可能是数组和字符串  所以切换得时候如果大于2就显示成等几人 当是字符串得时候只有一个 所以不用在做展开处理 该代码来源于实际项目 微信公众号关注前端小歌谣一起学习前端知识



目录
打赏
0
0
0
0
64
分享
相关文章
前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组
前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组
316 0
react中的useState为什么是一个数组,而不是一个对象?
react中的useState为什么是一个数组,而不是一个对象?
209 0
React基础语法04-循环数组渲染数据的方法
React基础语法04-循环数组渲染数据的方法
193 0
react如何在数组中手动添加一个对象
react如何在数组中手动添加一个对象
335 0
【React工作记录四十四】react中filter数组的使用
【React工作记录四十四】react中filter数组的使用
313 0
【React工作记录五十二】react对数组进行展开显示
【React工作记录五十二】react对数组进行展开显示
156 0
【React工作记录五十四】形成新数组的方式扩展运算符
【React工作记录五十四】形成新数组的方式扩展运算符
139 0
【React工作记录五十九】根据key值过滤形成新得数组
【React工作记录五十九】根据key值过滤形成新得数组
111 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等