在 React 前端处理后端返回的数组,并使每个元素换行显示,可以使用 map() 方法遍历数组,并使用 HTML 的换行标签 <br> 来换行显示每个元素。

以下是一个示例代码:

import React from 'react';

function App() {
  const backendData = ['Item 1', 'Item 2', 'Item 3'];

  return (
    <div>
      {backendData.map((item, index) => (
        <div key={index}>
          {item}
          <br />
        </div>
      ))}
    </div>
  );
}

export default App;

在上面的示例中,我们使用 map() 方法来遍历 backendData 数组,并将每个元素包装在一个 <div> 标签中。在每个元素后面添加了一个 <br> 标签,以进行换行显示。

这样,当渲染 App 组件时,数组的每个元素都会换行显示在页面上。


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

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