导语
如何让对react中得数据进行展开显示操作
编辑
需求
数组超过两个就进行展开得操作
核心代码
render: (text, row, index) => { return ( <span> {text.length > 2 && typeof text != 'string' ? ( row.isExpand ? ( <div>{text.toString()}</div> ) : ( <div> {text.slice(0, 2).toString()} <span>等</span> <a style={{ zIndex: '100' }} onClick={() => this.props.onExpandLectureName(row, index)} > {text.length} </a> <span>人</span> </div> ) ) : ( text.toString() )} </span> ); },
总结
由于text得值可能是数组和字符串 所以切换得时候如果大于2就显示成等几人 当是字符串得时候只有一个 所以不用在做展开处理 该代码来源于实际项目 微信公众号关注前端小歌谣一起学习前端知识