标签的 react-html-parser 白名单答案

【问题标题】：react-html-parser white list for tags标签的 react-html-parser 白名单
【发布时间】：2021-10-30 11:38:16
【问题描述】：

我尝试为我的项目创建一个 cmets，现在我有了mentation 用户。

我创建了一个指向提到的用户的配置文件的链接，并使用 react html 解析器进行解析，但现在有机会在 html 中编写 cmets，但我不希望那样。现在我把所有的html标签都剪掉了，然后给个人资料添加一个链接。

我如何才能仅将指向配置文件的链接和其余标签呈现为纯文本？

创建链接：

const createLink = comment => {
    const plainText = comment.replace(/<(.|\n)*?>/g, '');
    return plainText.replace(/@\[([^()]+)\]\(([^()]+)\)/g, '<a href=/user/$2>$1</a>');
  };

链接到用户个人资料

<a href=/user/123abc>@nickname</a>

关于用户的原始数据

[@nickname](123abc <----- it's id)

调用创建链接

{parse(createLink(text))}

我使用 react 和 typescript

【问题讨论】：

标签： javascript html reactjs typescript

【解决方案1】：

我解决了这个问题我只是将替换为

【讨论】：