实现有多个图片的遍历显示react
如图要想实现这个效果,首先这些图片是存储在一个数组中的,我们要取出图片然后遍历显示出来,可以如下显示:
render: (text) => {
if (text && text.length) {
const imgs = text.map((item, index) =>
<div key={index} style={{ backgroundImage: `url(${item.mediaUrl})` }} className='bg-cover teacher-medias' />
)
return <div style={{ display: 'flex' }}>{imgs}</div>
}
}