如何使用map()方法从数组中呈现图像？
如何使用map()方法从数组中呈现图像？
提问于 2020-05-30 01:20:54
我正在尝试使用map()方法呈现存储在数组中的图像。不幸的是，当我试图渲染数组中的图像时，我得到了错误，但是没有使用映射，我可以渲染图像，但是我需要逐行编写代码。有人能帮我解决这个问题吗？
const CardList = ({robots}) => {
const cardComponent = robots.map((user, i) => {
return <Card src={robots[i].src} id={robots[i].id} name={robots[i].name} email={robots[i].email}/>
})
return(
<div>
{cardComponent}
</div>
);我的CardList组件
const Card = ({name, email, id, src}) => {
return(
<div className='bg-light-green dib br3 pa3 ma2 grow bw db w-20'>
<img className='personal ' alt='robots' src={require(`${src}`)}/>
<div>
<h1>{name}</h1>
<p>{email}</p>
</div>
</div>
)我的卡组件我觉得src={require(${src})}有问题
这是我从react DOM得到的错误：
Stack Overflow用户
发布于 2020-05-30 01:39:53
yourArray.map((key, data) => {
<ComponentToDisplay id={key} {...this.props} />
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62091386
复制相关文章
相似问题
腾讯云开发者
