如何使用變量和函數調用將html字符串解析到JSX客戶端

Question

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>"

Answer 1

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

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