2017-06-01 39 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