reactjs - 画面サイズが特定の範囲を下回ると画像ソースが消える

Question

私はpdfからキャンバスに変換し、次にキャンバスからpngに変換してタグに表示しています。すべてが完全に機能しますが、画面サイズを約 1000x353 の範囲未満に最小化すると、画像 src が消えます。

react-sortable-hoc を使用してこれらの画像をグリッドに表示しているので、react-sortable のバグなのか、何か間違っているのかわかりません。

これが、ソート可能なホックに入れた画像とキャンバスの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>

サーバーからソースを受け取り、以下に示すようにキャンバスから画像に変換した後、約束の範囲内でソースを提供します

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

それで、これはあなたの誰かに起こりましたか?? なぜこれが起こるのですか？

編集: タイトルを変更しました。