react 数组遍历使每一个item换行显示
在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都会在新的一行显示。
原文地址: https://www.cveoy.top/t/topic/iqjj 著作权归作者所有。请勿转载和采集!