跨度呈现为文本而不是反应中的元素？ [复制]

Question

我正在从 api 进行查询，api 返回结果 sn-p 如下：

"<span class="searchmatch">Justin</span> Drew <span class="searchmatch">Bieber</span> (/ˈbiːbər/; born March 1, 1994) is a Canadian singer and songwriter. After a talent manager discovered him through his YouTube videos"

当我像这样在我的组件中渲染它时：

{this.props.snippet} 

它返回一个文本，但我想将它呈现为一个 html 元素。帮忙？

Answer 1

您最有可能在寻找dangerouslySetInnerHTML

然后像这样渲染它：

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

请注意，这可能非常危险，应尽可能避免。