Question

我是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>

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

您可以阅读有关dangerouslySetInnerHTML here

的更多信息

ReactJS - JSON和HTML标记

1 个答案: