在React中,可以使用map()方法遍历数组,并使用
标签来换行显示每一个item。以下是一个示例代码:

import React from 'react';

const MyComponent = () => {
  const items = ['item1', 'item2', 'item3'];

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

export default MyComponent;

在上面的代码中,我们使用了map()方法遍历数组items,并返回一个包含每一个item和<br>标签的<div>元素。其中,我们为每一个元素设置了一个唯一的key属性,这是React要求的。最后,将整个结果包裹在一个父<div>元素中,以保持合法的React组件结构。

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

react 数组遍历使每一个item换行显示

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

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