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

react数组遍历在每一个item后加一个div

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

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