React native React Native site显示单词Online,即使JSON文件没有链接

React native React Native site显示单词Online,即使JSON文件没有链接,react-native,React Native,我有一个移动应用程序页面,显示我公司提供的服务及其地址。如果这些服务有网址,那么应该在移动应用程序上显示“在线”一词,如果没有,那么就不应该显示“在线”一词。我正在使用flatlist显示服务。下面是我的代码的一部分,用于显示“在线”一词(如果服务存在或不存在) handleClick = (link) => { Linking.canOpenURL(link).then(supported => { if (supported) {

我有一个移动应用程序页面,显示我公司提供的服务及其地址。如果这些服务有网址,那么应该在移动应用程序上显示“在线”一词,如果没有,那么就不应该显示“在线”一词。我正在使用flatlist显示服务。下面是我的代码的一部分,用于显示“在线”一词(如果服务存在或不存在)

 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}

谢谢。我用了第一种方法,那是我自己常用的方法谢谢。我用了第一种方法,这是我通常自己用的方法