实现有多个图片的遍历显示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 >

}

}