React 数组遍历:在每个元素后添加一个 div
您可以使用 map 方法来遍历数组,并在每个元素后添加一个 div 元素。以下是一个示例代码:
import React from 'react';
const YourComponent = () => {
const yourArray = ['item1', 'item2', 'item3'];
return (
<div>
{yourArray.map((item, index) => (
<React.Fragment key={index}>
<div>{item}</div>
{index !== yourArray.length - 1 && <div>Div after each item</div>}
</React.Fragment>
))}
</div>
);
};
export default YourComponent;
在上述代码中,我们使用 map 方法遍历 yourArray 数组,并在每个元素后使用 React.Fragment 来包裹 div 元素。我们还使用了索引 (index) 来检查是否为数组的最后一个元素,以避免在最后一个元素之后添加额外的 div 元素。
原文地址: https://www.cveoy.top/t/topic/k5pe 著作权归作者所有。请勿转载和采集!