react数组遍历在每一个item后加一个div
您可以使用map方法来遍历数组,并在每个item后添加一个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数组,并在每个item后使用React.Fragment来包裹div元素。我们还使用了索引(index)来检查是否为数组的最后一个元素,以避免在最后一个item之后添加额外的div元素。
原文地址: https://www.cveoy.top/t/topic/i9jX 著作权归作者所有。请勿转载和采集!