要在React组件的方法中对数组进行遍历,并在每个元素后添加换行,可以使用Array.prototype.map()方法来处理。下面是一个示例:

import React, { Component } from 'react';

class MyComponent extends Component {
  render() {
    const items = ['Item 1', 'Item 2', 'Item 3'];

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

    return <div>{list}</div>;
  }
}

export default MyComponent;

在上面的示例中,我们使用了Array.prototype.map()方法来对数组中的每个元素进行遍历,并返回一个包含每个元素和换行的<div>元素。请注意,我们还为每个子元素提供了一个唯一的key属性,以优化React的渲染性能。

最后,我们将list作为组件的返回值,以在页面上显示所有元素和换行

react 在方法中数组遍历在每一个item后添加换行

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

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