javascript - 在反应中显示来自文本的链接

Question

我创建了一个标记系统，用户可以在其中使用 @ 表示法标记文本中的其他用户，我正在保存整个推文客栈数据库，但是在检索时我得到了一个像这样显示的文本

Hi My first tweet<Link to='/userprofile/ron'> @ron</Link>

如何让它显示像

Hi My first tweet [@ron][1]  

其中@ron是一个链接

标签： javascriptreactjs

Answer 1

您可以使用dangerouslySetInnerHTML.

const text = "Hi My first tweet<Link to='/userprofile/ron'> @ron</Link>";

<div dangerouslySetInnerHTML={{ __html: text }} />

注意：确保Link从react-router. 还要记住，由于潜在的 XSS 攻击，这是有风险的。