渲染桌面图像作为移动react JSX的背景

Question

我已经使用react JSX构建了一个自定义的Gutenberg块，其中我从用户那里获得了两个英雄图像输入，一个用于桌面，另一个用于移动。就用户上传的两张图像而言，一切都很顺利，但当用户不上传手机图像时，它会显示空白，所以，我希望在不提供手机的情况下渲染桌面图像。附上代码引用，有人能帮助我如何在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。