如何使链接在ReactJS中的textarea中可点击？

Question

• 我有一个名为“社区”的页面，用户可以在其中评论另一篇文章
• 当用户评论链接时，我遇到了问题，但它没有显示为true

当用户注释时，链接不显示为true。

• 用于将文本转换为链接的函数。

const convertToLink = (text) => {
    var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
    var text1 = text.replace(exp, "<a href='$1'>$1</a>");
    var exp2 = /(^|[^\/])(www\.[\S]+(\b|$))/gim;
    return text1.replace(exp2, '$1<a  href="http://$2">$2</a>');
  }

Answer 1

不能在textarea内呈现HTML。使用<p>代替

<p dangerouslySetInnerHTML={{ __html: convertToLink(text) }}></p>