2017-06-01 6 views
0

Ich bin neu in ReactJS. Ich durchlaufe JSON und brauche einige Links.ReactJS - JSON und HTML Markup

Meine JSON sieht wie folgt aus:

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

Aber wenn ich Schleife durch und die Daten aussetzen, es macht einfach nur Text 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

Mögliche Duplikat [mit reactjs raw HTML-Rendering] (https://stackoverflow.com/questions/27934238/rendering -raw-html-mit-reactjs) –

Antwort

1

Versuchen:

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

Sie können mehr über dangerouslySetInnerHTML lesen here