javascript - 如何使用变量和函数调用将html字符串解析到JSX客户端

html = "<p>Hello {this.getValue("a")}</p>"

基本上，我要实现的是呈现HTML后由getValue（）函数返回的值。

我尝试了React HTML解析器，但是它显示了在代码中编写的函数名称。

我也像下面这样危险地尝试了SetInnerHTML：

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

“ dangerouslySetInnerHTML”的结果是相同的字符串

Hello {this.getValue("a")}

字符串也来自api响应

例如："<div class="test"><span>Overview</span></div><p><b>testing testing</b></p><p>{this.getValue('a')}, testing</p>"

最佳答案

使用模板文字-使用反引号``和${}：

const getValue = arg => arg + arg;
const html = `<p>Hello ${getValue("a")}</p>`;
document.write(html);

关于javascript - 如何使用变量和函数调用将html字符串解析到JSX客户端，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56354599/