Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 用标记替换URL_Reactjs - Fatal编程技术网

Reactjs 用标记替换URL

Reactjs 用标记替换URL,reactjs,Reactjs,我有一个文本组件,它接受字符串属性。string prop只是一些可能包含或不包含URL的句子。文本组件如何返回一个包含字符串prop的p标记,并将URL替换为a标记 所以应该返回转到 我想我必须对string prop中的URL进行正则表达式匹配,用标记替换这些子字符串,然后将该string prop正确放置 有更好的方法吗?如果我正确理解了这个问题, 您可以使用简单正则表达式解析html: constTextComponent=({stringProp})=>{ const parsed=s

我有一个文本组件,它接受字符串属性。string prop只是一些可能包含或不包含URL的句子。文本组件如何返回一个包含字符串prop的p标记,并将URL替换为a标记

所以
应该返回
转到

我想我必须对string prop中的URL进行正则表达式匹配,用标记替换这些子字符串,然后将该string prop正确放置


有更好的方法吗?

如果我正确理解了这个问题, 您可以使用简单正则表达式解析html:

constTextComponent=({stringProp})=>{
const parsed=stringProp.replace(/]*>?/gm',);
返回{parsed}

}
您还可以向我们展示URL和普通文本返回字符串的格式吗?@kunalpanchal doneI使用正则表达式进行了检查,该正则表达式可以帮助您获取域,但问题是,域需要是一个正确的表单或URL,类似于此
https://example.com
。这是一个regex<代码>>/(以下是这是一个regex<代码>>/(以下是这是一个regex<代码>>/(以下是这是一个regex<代码>>//(以下是这是一个关于这是一个regex<代码>>/(代码::::::::::::::::::::::::::)这是这是这是这是这是这是这是这是上述上述上述上述上述是代码代码代码代码代码<<<<<<<<<<(((::::::///////////////////,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,((((:::::::::::::::::::::::::::35; \/%=~\u124;$]/igm参考链接是我正在尝试制作类似于Twitter推特输入的东西。它突出显示URL而不显示https://you 我已经在问题描述中添加了一个示例。试试看,应该可以解决问题。解决方案应该在字符串中添加
a
标记,而不是删除它们。请再复习一下这个问题。