使用react和JSX从API呈现富文本的技术

编辑器具有以下选项:

• 使用标记用户 @username

API然后从这个对象生成一个HTML字符串,并将其存储在数据库中以获得更好的性能,因为大多数条目是以15个项目为一批加载的注释。

{{userX}} . 剥离数据单独存储在值JSON模式中。

保存到HTML后,如下所示:

<p>
    Hello {{user1}},
    <strong>how are you doing?</strong>
</p>

这些值如下:

{
    "user1": {
        "text": "@anna",
        "username": "anna"
    }
}

react-router .

所以我的想法是在客户机中呈现如下内容:

<p>
    Hello <Link to="/users/anna">@anna</Link>,
    <strong>how are you doing?</strong>
</p>

但是afaik I’无法在react的渲染函数中或使用 dangerouslysetinnerhtml

所以我认为我的api设计可能是错误的,但我缺乏更好的想法如何解决这个问题。