reactjs - React-Native 检查图片 url

Question

我正在尝试检查图像的 url 是否为 404。问题是该函数返回未定义。为什么会这样？

如果我控制台记录 res 的状态，它确实显示 404，所以正在执行 if 语句。

function checkImageURL(url){
 fetch(url)
    .then(res => {
    if(res.status == 404){
      console.log(res.status)
      return <Image source={require('./Images/default.png')}/>
    }else{
      return <Image source={{uri: `${url}`}}  />
   }
 })
}

Answer 1

您不会在错误响应时返回任何内容。

添加 .catch 并在其中返回一个组件或 null。例如

function checkImageURL(URL) {
  fetch(URL)
    .then((res) => {
      if (res.status == 404) {
        return <Image source={require('./Images/default.png')} />;
      } else {
        return <Image source={{ uri: `${url}` }} />;
      }
    })
    .catch((err) => {
      return <Image source={require('./Images/default.png')} />;
    });
}