检测链接并在本机反应中返回另一个视图

Question

我的代码：const orderResultJson = [  {    key: 'Скачайте приложение по ссылке',    value: 'https://google.com'  },  {    key: 'Логин',    value: 'https://instagram.com'  },  {    key: 'Пароль',    value: '849846'  },];function DetailsSection({ item }){  return(     <View>        <Text>{item.key}</Text>        <Text> {replaceURLWithHTMLLinks(item.value) ? 'Cсылка' : 'No'} </Text>    </View>  )}  function replaceURLWithHTMLLinks(text)    {        var expression =  /[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi;         var regex = new RegExp(expression);         var url = text;         url.match(regex) ? true : false;} render() {    return (     ........        <FlatList          .......          renderItem={({item}) => <DetailsSection item={item} />}           keyExtractor={item => item.key}         />      .....}我在 DetailsSection 函数中有一个条件。逻辑如下：如果 {item.value} 包含链接，则显示“一些随机文本”如果不是，只显示什么是“否”目前，我还没有完全理解这个问题。一切似乎都运行良好，但 DetailsSection 内的条件流仅显示没有。但是在 JSON 中，我确实有超链接。有什么建议吗？

Answer 1

也许您错过了 replaceURLWithHTMLLinks 函数中的“return”语句：

...

return !!url.match(regex);

...

Answer 2

我认为您使用的正则表达式不允许在 URL 开头使用 https:// 。而且您还忘记从函数中返回布尔值。尝试使用这个：

function replaceURLWithHTMLLinks(text)

    {

        var expression =  /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/gi; 

        var regex = new RegExp(expression); 

        var url = text; 

        return url.match(regex) ? true : false;

}