react 数组遍历用splice添加换行符使每一个item换行显示

要在React中使用splice添加换行符来使每个item换行显示，可以在渲染数组元素时使用map方法，并在每个元素后面添加一个换行符。以下是一个示例代码：

import React from 'react';

function App() {
  const items = ['Apple', 'Banana', 'Orange', 'Mango'];

  return (
    <div>
      {items.map((item, index) => (
        <React.Fragment key={index}>
          {item}
          {index !== items.length - 1 && <br />} {/* 添加换行符 */}
        </React.Fragment>
      ))}
    </div>
  );
}

export default App;

在上面的示例中，我们使用map方法遍历items数组，并为每个元素创建一个React Fragment。在每个元素后面，我们使用条件渲染来检查当前元素是否为最后一个元素，如果不是，则添加一个<br />换行符。

这样，每个item都会在新的一行显示