React——在字符串中提取URL超链接并替代

1. 用正则表达式识别URL超链接

const reg = '(https?|http|ftp|file)://[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]';

2. 将字符串中的URl提取出来

const newStr = str.match(reg);

3. 使用 replace将字符串里的URL替换成超链接

str.replace(re, <a href=' ${newStr} '>${newStr}</a>);

注意：

这时被替换的是一串字符串`，需要使用dangerouslySetInnerHTML。 使用方法： ``

``

---