我想从我的API渲染图像,我首先使用lodash的大小来检查数组是否为空,如果为空则显示上传按钮,否则只渲染图像。
当我这样做的时候
{item.photos.toString()}
我可以看到网址,但为什么下面的代码不起作用?我的控制台中完全没有错误。
<div id="photo_upload">
{size(item.photos) > 1 ?
item.photos.forEach(photo =>{
<img src={photo} />
})
: <div><button>Upload</buton>
</div>}
</div>
最佳答案
您仅使用条件 size(item.photos) > 1
,这样如果您只有 1 张照片,它就不会显示。
另一件事是你应该在循环时为每个元素添加键
item.photos.forEach(photo =>{
<img key={photo} src={photo} />
})
关于javascript - 在react中使用forEach无法显示img,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42620659/