javascript - react .map不呈现

我想遍历道具屏幕截图，但对我来说不起作用！我曾经在其他组件中做到这一点，但它一直在起作用。我失去理智了:(

请在下面找到我的代码：

              {screenshots && <h2>Hello</h2>}

这项工作并完美呈现。

但是当我像

{screenshots && screenshots.length && screenshots.map(screenshot => {
    <div className="container img--container" key={screenshot.id}>
        <SVG
        className="icon remove--icon"
        src={removeCircle}
        />
       <img src={screenshot.image} title={"screenshot"} className="p-absolute"/>
    </div>
})}

循环中的内容无法渲染！
并且控制台没有显示任何错误。

请任何帮助？

最佳答案

缺少回报！您可以使用“（）”立即返回。

{screenshots && screenshots.length && screenshots.map(screenshot => (
    <div className="container img--container" key={screenshot.id}>
        <SVG
        className="icon remove--icon"
        src={removeCircle}
        />
       <img src={screenshot.image} title={"screenshot"} className="p-absolute"/>
    </div>
))}