React native React Native site显示单词Online,即使JSON文件没有链接
我有一个移动应用程序页面,显示我公司提供的服务及其地址。如果这些服务有网址,那么应该在移动应用程序上显示“在线”一词,如果没有,那么就不应该显示“在线”一词。我正在使用flatlist显示服务。下面是我的代码的一部分,用于显示“在线”一词(如果服务存在或不存在)React native React Native site显示单词Online,即使JSON文件没有链接,react-native,React Native,我有一个移动应用程序页面,显示我公司提供的服务及其地址。如果这些服务有网址,那么应该在移动应用程序上显示“在线”一词,如果没有,那么就不应该显示“在线”一词。我正在使用flatlist显示服务。下面是我的代码的一部分,用于显示“在线”一词(如果服务存在或不存在) handleClick = (link) => { Linking.canOpenURL(link).then(supported => { if (supported) {
handleClick = (link) => {
Linking.canOpenURL(link).then(supported => {
if (supported) {
Linking.openURL(link);
} else {
console.log('Don\'t know how to open URI: ' + link);
}
});
};
<View style={styles.AddressRow}>
{
item.Online != ''? <TouchableOpacity onPress={() => Linking.openURL( item.Online )}>
</TouchableOpacity>: null
}
<TouchableOpacity onPress={() => Linking.openURL(item.Online)}>
<Text style={styles.underLineText}>Online</Text>
</TouchableOpacity>
所有内容都正确显示,除了在线单词显示,即使JSON文件中的在线单词为空:“online”:“”
任何帮助都将不胜感激。看起来您正在尝试使用逻辑运算符执行内联if
<View style={styles.AddressRow}>
{item.Online !== '' && <TouchableOpacity onPress={() => Linking.openURL(item.Online)}>
<Text style={styles.underLineText}>Online</Text>
</TouchableOpacity>}
{item.Online!=''&&Linking.openURL(item.Online)}>
在线 的
}
或者,您可以使用条件运算符执行内联If-Else
<View style={styles.AddressRow}>
{item.Online !== '' ? (<TouchableOpacity onPress={() => Linking.openURL(item.Online)}>
<Text style={styles.underLineText}>Online</Text>
</TouchableOpacity>) : null}
{item.Online!=''(Linking.openURL(item.Online)}>
在线 的
):null}
看起来您正在尝试使用逻辑运算符执行内联if
<View style={styles.AddressRow}>
{item.Online !== '' && <TouchableOpacity onPress={() => Linking.openURL(item.Online)}>
<Text style={styles.underLineText}>Online</Text>
</TouchableOpacity>}
{item.Online!=''&&Linking.openURL(item.Online)}>
在线 的
}
或者,您可以使用条件运算符执行内联If-Else
<View style={styles.AddressRow}>
{item.Online !== '' ? (<TouchableOpacity onPress={() => Linking.openURL(item.Online)}>
<Text style={styles.underLineText}>Online</Text>
</TouchableOpacity>) : null}
{item.Online!=''(Linking.openURL(item.Online)}>
在线 的
):null}
谢谢。我用了第一种方法,那是我自己常用的方法谢谢。我用了第一种方法,这是我通常自己用的方法