FWQ
React组件中如何为map循环生成的div元素添加行号?
React组件中如何为map循环生成的div元素添加行号? 积累知识,胜过积蓄金银!毕竟在文章开发的过程中,会遇到各种各样的问题,往往都是一些细节知识点还没有掌握好而导致的,因此基础知识点的积累是很重要的。下面本文《React组件中如何为map循环生成的div元素添加行号?》,就带大家讲解一下知识点,若是你对本文感兴趣,或者是想搞懂其中某个知识点,就请你继续往下看吧~ 给 react 组件创建的 div 行号 要给使用 map 循环创建的 div 添加行号,可以采用以下设计方案: 左侧的索引元素设置绝对定位(absolute),右侧的方块设置相对定位(relative),两者的父元素设置相对定位和溢出隐藏(overflow: hidden)。 代码示例: index.js import react from "react"; import reactdom from "react-dom"; import "./styles.css"; function app()…