ReactJS - JSON 和 HTML 标记答案

【问题标题】：ReactJS - JSON and HTML markupReactJS - JSON 和 HTML 标记
【发布时间】：2017-06-01 14:03:26
【问题描述】：

我是 ReactJS 的新手。我正在遍历 JSON，需要包含一些链接。

我的 JSON 如下所示：

"text": ["Nähere Informationen zu den Funktionalitäten der Plattform und der Dienste finden Sie unter <a href=\"/features\">/features</a>."],

但是当我遍历并公开数据时，它只会公开纯文本 HTML。

<div className='small-53 medium-54 large-55 medium-offset-1 large-offset-1 columns end'>
    <p className='text--uppercase text--book border--solid--bottom-red padding-bottom-10'>
        {item.title}
    </p>
</div>

【问题讨论】：

Rendering raw html with reactjs的可能重复

标签： html json reactjs

【解决方案1】：

试试：

<div className='small-53 medium-54 large-55 medium-offset-1 large-offset-1 columns end'>
  <p className='text--uppercase text--book border--solid--bottom-red padding-bottom-10' dangerouslySetInnerHTML={ {__html: item.title} }/>
</div>

你可以阅读更多关于dangerouslySetInnerHTMLhere的信息

【讨论】：