Reactjs 图像src在屏幕大小减小到一定范围以下后消失

我正在从pdf转换到画布，然后从画布转换到png，并将其显示在标签中。 一切都很完美，但当我将屏幕大小减小到1000x353以下时，图像src消失了

我使用react sortable hoc在网格上显示这些图像 所以我不确定这是react sortable中的一个bug，还是我做错了什么

这是我放在可排序hoc中的图像和画布div

<div>
                <canvas key={index} style={{display:'none'}} ref={(ref) => this.canvasRefs[`canvas${index}`] = ref} > </canvas>
                <div><span>Page No. {index+1}</span> <span><Icon type="reload" /></span> <span><Icon type="close-circle-o" /></span>  </div>
                <img className={styles.imgThumb} key={index+100} ref={(ref) => this.imageRefs[`img${index}`] = ref} alt = "pdfimage"/>
               </div>

那么，你们中有人发生过这种事吗？？ 你知道为什么会这样吗

---

编辑：更改标题

看起来你的css中有一个媒体隐藏了你的图像，比如@media screen和（最大宽度：1000px）display:none；您的问题标题似乎与描述不匹配，请立即更正并更改标题。似乎这是一个缓存问题，其中标题已经填充，我忘了更改它@SashaKos，图像标记仍然显示，但屏幕大小减小后src属性丢失。

imagez.src = canvas.toDataURL('image/png')