javascript - 在react中使用forEach无法显示img

标签 javascript reactjs

我想从我的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/

相关文章:

reactjs - Bitbucket 管道无法推送到 heroku

javascript - 如何根据特定条件搜索句子并替换?

javascript - 从 1 个输入更新两个表单输入

javascript - Bootstrap select picker 根据key自动排序

reactjs - 带有 props.children 的 Typescript React 功能组件

javascript - React 创建常量文件

javascript - Angular 注入(inject)器错误帮助 >

javascript - Uncaught ReferenceError : function is not defined jQuery

javascript - 部分网站在较小的屏幕上消失

javascript - 使用 withRouter() 重定向时显示所有组件