Javascript 图像元素内部的条件检查

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

对于本地图像：

<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}} />
);

var image=null
如果（项目和itame.image）{
image=item.image
}
const defaultImage='/react native/img/favicon.png'
返回(
);

---

如何在

source

中检查图像是否为

null

，并显示相应的图像？

我在评论中发布了答案，因此我将把它移到这里，供感兴趣的其他人使用：

---

您可以尝试

source={{uri：（image==null）？defaultImage:image}

。或者，调用将执行检查的方法并返回要显示的图像。对于本地图像，“uri:”未使用，因此这将不起作用，然后尝试

source={（image==null）？defaultImage:{uri:image}

这非常有效，thanx