2017-11-25 3 views

Antwort

2

Hallo können Sie dangerouslySetInnerHTML

<div dangerouslySetInnerHTML={{ __html: yourhtml }}> 
+0

es hat funktioniert! Vielen Dank ! –

+0

Hallo, bitte upvote die Antwort und akzeptiere die Antwort, so dass Leute wie ich diese Belohnung annehmen und in Zukunft eine bessere Antwort geben :) – Jeffin

+1

yeah, ich habe Jeffin. Das macht Sinn! –

0

Nach offiziellen React docs

dangerouslySetInnerHTML Ersatz Reagieren des DOM ist für die Verwendung von innerHTML- im Browser versuchen. Im Allgemeinen ist das Festlegen von HTML aus Code riskant, da es leicht ist, Ihre Benutzer versehentlich einem Cross-Site-Scripting-Angriff (XSS) auszusetzen. Sie können also HTML direkt aus React setzen, aber Sie müssen gefährlichSetInnerHTML eingeben und ein Objekt mit einem __html-Schlüssel übergeben, um sich daran zu erinnern, dass es gefährlich ist. Zum Beispiel:

function createMarkup() { 
    return {__html: 'First &middot; Second'}; 
} 

function MyComponent() { 
    return <div dangerouslySetInnerHTML={createMarkup()} />; 
} 
+1

Welche zusätzlichen Informationen werden hinzugefügt, außer dass die Dokumente zitiert werden? Die Antwort über eine Stunde früher weist auf dieselbe Lösung hin. –

Verwandte Themen