javascript-Image元素内的条件检查

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

如何在源代码中检查图像是否为空并显示适当的图像?

解决方法:

我在评论中发布了答案,因此我会将其移给其他感兴趣的人:

<图片来源= {(图片=== null)? defaultImage:{uri:image}} />

上一篇:javascript-在React中将状态从一个组件设置为另一个组件的最佳做法


下一篇:javascript-如何重播鼠标坐标列表以反映输入它们的节奏?