react native 如何判斷圖片網址是否正確？

react native 的 Image 組件，通常我們會把一段圖片網址例如：https://domain.com/static/image.jpg 傳進去source.uri，例如：

 <Image source={{ uri: 'https://domain.com/static/image.jpg' }} />

但是有時候不小心把該路徑的圖片刪掉了，網址傳進去後app依然可以運作，但是顯示圖片的地方就會顯示一片空白。

這時候可以用onError方法偵測，假設圖片真的顯示不出來，就換成另一張預設圖吧！

const [uri, setUri] = useState('https://domain.com/static/image.jpg')
const onError = () => {
  setUri('https://domain.com/static/placeholder.jpg')
}

//...
 <Image source={{ uri }} onError={onError} />