将桌面图像渲染为移动 React JSX 的背景

Question

我已经使用 React JSX 构建了一个自定义的 Gutenberg 块，我从用户那里获取了两个英雄图像输入，一个用于桌面，另一个用于移动。就用户上传两张图片而言，一切进展顺利，但是当用户不上传移动图片时，它会显示空白 space，因此，我希望在未提供移动设备时呈现桌面图片。附上代码参考，谁能帮我如何在 React JSX 中添加它。

这是我的保存方法

                  <img className="header-img header-img-d" src={ imgURL } />
                  <img className="header-img header-img-m" src={ mobileImgURL }/>

Answer 1

只更新手机图片的渲染部分

<img className="header-img header-img-m" src={ mobileImgURL ? mobileImgURL : imgURL  }/>

如果您没有 mobileImgURL，这将设置 imgURL。