React Native Image 如何使用 onError

Question

您好，我目前正在尝试加载多个网络图像，但它们经常无法在 android 上加载。我正在尝试使用 onError 来诊断原因，但似乎无法正常工作。

我试过把它当作

onError={(e) => console.log(e}

和

onError(error){
  console.log(error)
}

onError={ this.onError.bind(this) }

但是这两个都会导致这个对象

Proxy [[Handler]]: Object [[Target]]: SyntheticEvent [[IsRevoked]]: false

据我所知，这是错误事件，不包含任何有用的东西。

我的问题是如何使用 onError 来诊断我的网络映像失败的原因？但如果你有任何想法，我也会很乐意接受这些。

Answer 1

试试这个

 <Image
                    onError={(error) => {

                      const getCircularReplacer = () => {
                        const seen = new WeakSet();
                        return (key, value) => {
                          if (typeof value === "object" && value !== null) {
                            if (seen.has(value)) {
                              return;
                            }
                            seen.add(value);
                          }
                          return value;
                        };
                      };
                      console.log("this Images Error ")
                      console.log(JSON.stringify(error, getCircularReplacer()))

                    } 
                    }
                    />

Answer 2

这是一个SyntheticEvent，在图片文档here中指定，你可以试试下面的代码

onError=({ nativeEvent: {error} }) => console.log(error)

希望这会有所帮助。