Question

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

我已尝试将其用作

.as-console-wrapper { max-height: 100% !important; top: 0; }

和

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

但这两个都导致了这个对象

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

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

我的问题是我如何使用onError来诊断我的网络图像失败的原因？但是如果你有任何关于为什么我也乐意接受这些想法的想法。

Answer 1

这是SyntheticEvent，如图片文档here中所指定的，您可以尝试以下代码

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

希望这会有所帮助。

Answer 2

尝试

 <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()))

                    } 
                    }
                    />

React Native Image如何使用onError

2 个答案: