您可以使用 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 元素。

React 数组遍历:在每个元素后添加一个 div

原文地址: https://www.cveoy.top/t/topic/k5pe 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录