javascript - 如何将响应中的html渲染到react js中的渲染函数中

Question

我一直在研究一点，似乎无法想出一个好的方法来做到这一点。我有一个返回如下内容的响应：

    "name": "another test",
    "description": "para hacer el aseo",
    "content": "<p>Dear {{customer.firstname}} {{customer.lastname}}, bla bla bla</p>,
    "id": 6

我有另一个回复的名字和姓氏。如何呈现内容中的 html 并将占位符替换为我拥有的姓名和姓氏？

一如既往地感谢您的任何帮助，我们将不胜感激。

标签： javascriptreactjs

Answer 1

只需用您的变量替换内容值，然后用标签呈现它dangerouslySetInnerHTML

content = content.replace('{{customer.firstname}}', firstName).replace('{{customer.lastsname}}', lastName)

以原始 HTML（不是文本）呈现它

<div dangerouslySetInnerHTML={content} />;