react-lazy-load-image-component 出現錯誤“TypeError：無法讀取未定義的屬性（讀取'原型'）”

Question

我正在使用 React 測試庫，當我正在渲染的組件包含來自“react-lazy-load-image-component”的 LazyLoadImage 時，我收到錯誤“TypeError: Cannot read properties of undefined (reading 'prototype') ”。

這是我得到的錯誤的圖片：

這是我渲染的組件中代碼片段的圖像：

如果有人遇到和我一樣的事情並找到了解決方案，我真的很感激。 謝謝

Answer 1

我遇到了類似的錯誤（不完全相同），並通過改變一些事情來解決。

1. 您計划僅在以下情況下將值分配給 LazyloadImage 組件的src ：
   一個。 它包含 meta 內部的圖像（它是 article 內部的實習生），您不確定這些參數是否始終存在。

2. 您添加了一個邏輯和條件來檢查層次結構中每個元素的存在，這樣就不會出現找不到未定義元素的問題

3. 主要的是，如果該條件塊中的任何一個處於錯誤條件下怎么辦？

那時，您的圖像標簽將src 接收為 false （ src 接受的字符串不是 boolean ）

所以，

而不是<LazyLoadImage src={article && article.meta && article.meta.image} >

使用： {article && article.meta && article.meta.image && <LazyLoadImage src={article.meta.image} >}

這將在編譯到瀏覽器之前檢查 src 的存在。

希望這可以幫助！