将桌面图像渲染为背景以进行移动反应JSX

问题描述

我已经使用react JSX构建了一个自定义的Gutenberg块，其中我从用户那里获取了两个英雄图像输入，一个用于桌面，另一个用于移动。只要用户上传了两个图像，一切都进行得很好，但是当用户不上传移动图像时，它显示空白，因此，我希望在不提供移动图像的情况下呈现桌面图像。附加代码参考，有人可以帮助我如何在React JSX中添加它。

这是我的保存方法

                  <img className="header-img header-img-d" src={ imgurL } />
                  <img className="header-img header-img-m" src={ mobileimgurL }/>

解决方法

只需更新移动图像的渲染部分。

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

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