2017-06-01 41 views
0

我是ReactJS的新手。我通过JSON循环,需要包含一些链接。ReactJS - JSON和HTML标记

我的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> 
+2

[渲染原始HTML与reactjs]的可能的复制(https://stackoverflow.com/questions/27934238/rendering -raw-HTML与 - 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