javascript - 图像元素内部的条件检查

Question

我是 react-native 的新手，我知道可以用不同的方式添加图像。

对于本 map 片:

<Image source={require('/react-native/img/favicon.png')} />

对于远程图像:

<Image
    style={{width: 50, height: 50}}
    source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}}
/>

我想检查是否提供了链接。如果是，我想显示图像，如果不是，我想显示本地镜像。我的代码如下所示:

var image = null
if (item && itame.image){
    image = item.image
}

const defaultImage = '/react-native/img/favicon.png'

return (
    <Image source={{ uri: image}} />
);

我如何在 source 中检查图像是否为 null 并显示适当的图像？

Answer 1

我把答案贴在了评论里，所以我会把它移到这里给其他有兴趣的人:

<Image source={(image === null) ? defaultImage : { uri: image }} />