Reactjs 用标记替换URL
我有一个文本组件,它接受字符串属性。string prop只是一些可能包含或不包含URL的句子。文本组件如何返回一个包含字符串prop的p标记,并将URL替换为a标记 所以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进行正则表达式匹配,用标记替换这些子字符串,然后将该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
标记,而不是删除它们。请再复习一下这个问题。